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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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

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

Задание 7

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

Задание 8

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

Задание 9

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.

Задание 10

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

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

Задание 11

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.

Задание 12

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

Задание 13

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