JavaScriptда элементларни ўзгартириш бўйича амалий машқлар

Массив берилган. Унинг элементларини ul рўйхат шаклида чиқаринг.

Олдинги масалани шундай модификация қилингки, ҳар қандай li устига босилганда, унда уні редактириш мумкин бўлган инпут пайдо бўлсин.

Олдинги масалани шундай модификация қилингки, рўйхат остида ul рўйхатининг охирига янги элемент қўшиш имконини берадиган инпут пайдо бўлсин. Янги li ларни ҳам редактириш мумкин бўлишини таъминланг.

Олдинги масалани шундай модификация қилингки, ҳар бир li нинг охирида ушбу li ни ul дан ўчириш имконини берадиган 'ўчириш' ҳаволаси туринг.

Олдинги масалани шундай модификация қилингки, ҳар бир li нинг охирида ушбу li тегининг матнини чизіб ташлаш имконини берадиган 'чизиб ташлаш' ҳаволаси ҳам туринг.

Объектлар массиви ва Jadval

Кўйидаги ишчилар массиви берилган:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Ушбу ишчиларни HTML jadvalda чиқаринг.

Яратилган jadvalning ҳужайраларига редактириш имконини қўшинг.

Jadvalingизга jadvaldan қаторни ўчириш ҳаволаси билан янги устун қўшинг.

Jadval остида янги ишчи қўшиш учун 3 инпут ва тугма ясанг. Инпутларга исм, ёш ва маош киритилсин, ва тугма босилганда янги ишчи jadvalga қўшилсин. Янги қўшилган ишчилар учун ҳам ҳужайраларни редактиришни амалга оширинг.

Объектлар массиви ва рўйхат

Кўйидаги ишчилар массиви берилган:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Ҳар бир ишчини ўзининг ul тегининг li тегида экранга чиқаринг.

Ишчининг исми, ёши ёки маоши устига босилганда, ушбу майдонни редактириш учун инпут пайдо бўладиган қилинг.

Ҳар бир li тегининг охирига ушбу li ни рўйхатдан ўчириш ҳаволасини қўшинг.

Рўйхат остига янги ишчи қўшиш учун шакл ясанг.