JavaScript-da elementlarni o'zgartirish bo'yicha amaliyot

Задание 1

Massiv berilgan. Uni elementlarini ul ro'yxati ko'rinishida chiqaring.

Задание 2

Oldingi masalani shunday o'zgartiringki, istalgan li ustiga bosganda uning ichida inputs paydo bo'lsin, orqali uni tahrirlash mumkin bo'lsin.

Задание 3

Oldingi masalani shunday o'zgartiringki, ro'yxat ostida yangi elementni ul ro'yxatining oxiriga qo'shish imkonini beruvchi inputs bo'lsin. Yangi qo'shilgan li larni ham tahrirlash mumkin bo'lsin.

Задание 4

Oldingi masalani shunday o'zgartiringki, har bir li ning oxirida 'o'chirish' havolasi bo'lsin, orqali shu li ni ul dan o'chirish mumkin bo'lsin.

Задание 5

Oldingi masalani shunday o'zgartiringki, har bir li ning oxirida 'chizib tashlash' havolasi ham bo'lsin, orqali shu li tegi matnini chizib tashlash mumkin bo'lsin.

Ob'ektlar massivi va jadval

Задание 6

Quyidagi xodimlar massivi berilgan:

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

Ushbu xodimlarni HTML jadvalida chiqaring.

Задание 7

Yaratilgan jadval kataklariga tahrirlash imkoniyatini qo'shing.

Задание 8

Jadvalingizga jadval qatorini o'chirish havolasi bilan yangi ustun qo'shing.

Задание 9

Jadval ostiga yangi xodim qo'shish uchun 3 ta inputs va tugma yarating. Inputslarga ism, yosh va maosh kiritilsin va tugma bosilganda yangi xodim jadvalga qo'shilsin. Yangi qo'shilgan xodimlar uchun ham kataklarni tahrirlashni amalga oshiring.

Ob'ektlar massivi va ro'yxat

Задание 10

Quyidagi xodimlar massivi berilgan:

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

Har bir xodimni o'zining ul tegi ichidagi li tegida ekranda chiqaring.

Задание 11

Xodimning ismi, yoshi yoki maoshi ustiga bosilganda, ushbu maydonni tahrirlash uchun inputs paydo bo'ladigan qiling.

Задание 12

Har bir li tegining oxiriga ushbu li ni ro'yxatdan o'chirish havolasini qo'shing.

Задание 13

Ro'yxat ostiga yangi xodim qo'shish uchun shakl yarating.