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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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

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

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

Задание 7

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

Задание 8

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

Задание 9

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

Задание 10

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

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

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

Задание 11

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

Задание 12

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

Задание 13

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