JavaScript-da elementlarni o'zgartirish bo'yicha amaliyot

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

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

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.

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.

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

Quyidagi xodimlar massivi berilgan:

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

Ushbu xodimlarni HTML jadvalida chiqaring.

Yaratilgan jadval kataklariga tahrirlash imkoniyatini qo'shing.

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

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

Quyidagi xodimlar massivi berilgan:

let 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.

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

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

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