JavaScript-də elementlərin dəyişdirilməsi üzrə praktika

Bir massiv verilib. Onun elementlərini ul siyahısı şəklində çıxarın.

Əvvəlki məsələni elə dəyişin ki, istənilən li üzərinə kliklədikdə onun daxilində, onu redaktə etmək üçün istifadə edilə biləcək bir input görünsün.

Əvvəlki məsələni elə dəyişin ki, siyahının altında, siyahının sonuna yeni element əlavə etmək üçün istifadə edilə biləcək bir input olsun. Elə edin ki, yeni li-lər də redaktə edilə bilsin.

Əvvəlki məsələni elə dəyişin ki, hər bir li-nin sonunda, bu li-ni ul-dan silmək üçün istifadə edilə biləcək 'sil' keçidi olsun.

Əvvəlki məsələni elə dəyişin ki, hər bir li-nin sonunda həmçinin bu li teqinin mətnini üstündən xətt çəkmək üçün istifadə edilə biləcək 'üstündən xətt çək' keçidi olsun.

Obyektlər massivi və cədvəl

Aşağıdaki işçilər massivi verilib:

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

Bu işçiləri HTML cədvəlində çıxarın.

Yaradılmış cədvəlin xanalarına redaktə imkanı əlavə edin.

Cədvəlinizə cədvəldən sıranın silinməsi üçün yeni bir sütun əlavə edin.

Cədvəlin altında yeni işçi əlavə etmək üçün 3 input və düymə edin. Inputlara ad, yaş və maaş daxil edilsin və düyməyə basıldıqda yeni işçi cədvələ əlavə edilsin. Yeni əlavə edilmiş işçilər üçün xanaların redaktə edilməsini həyata keçirin.

Obyektlər massivi və siyahı

Aşağıdaki işçilər massivi verilib:

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

Hər bir işçini öz ul teqinin li teqində ekranda çıxarın.

Elə edin ki, işçinin adı, yaşı və ya maaşı üzərinə kliklədikdə həmin sahəni redaktə etmək üçün bir input görünsün.

Hər bir li teqinin sonuna bu li-ni siyahıdan silmək üçün keçid əlavə edin.

Siyahının altında yeni işçi əlavə etmək üçün forma edin.