Amalan Mengubah Elemen dalam JavaScript

Задание 1

Diberi sebuah array. Paparkan elemen-elemennya dalam bentuk senarai ul.

Задание 2

Ubah suai masalah sebelumnya supaya apabila diklik pada mana-mana li, input akan muncul di dalamnya, yang boleh digunakan untuk mengeditnya.

Задание 3

Ubah suai masalah sebelumnya supaya di bawah senarai terdapat input, yang boleh digunakan untuk menambah elemen baharu pada penghujung senarai ul. Pastikan li baharu juga boleh diedit.

Задание 4

Ubah suai masalah sebelumnya supaya pada penghujung setiap li terdapat pautan 'padam', yang boleh digunakan untuk memadam li tersebut daripada ul.

Задание 5

Ubah suai masalah sebelumnya supaya pada penghujung setiap li juga terdapat pautan 'potong', yang boleh digunakan untuk memotong teks tag li tersebut.

Array objek dan jadual

Задание 6

Diberi array berikut dengan pekerja:

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

Paparkan pekerja-pekerja ini dalam jadual HTML.

Задание 7

Tambahkan keupayaan mengedit pada sel jadual yang dicipta.

Задание 8

Tambahkan lajur baharu dalam jadual anda dengan pautan untuk memadam baris daripada jadual.

Задание 9

Buat 3 input dan butang di bawah jadual untuk menambah pekerja baharu. Biarkan nama, umur dan gaji dimasukkan ke dalam input, dan apabila butang ditekan, pekerja baharu ditambah ke dalam jadual. Laksanakan pengeditan sel untuk pekerja yang baru ditambah.

Array objek dan senarai

Задание 10

Diberi array berikut dengan pekerja:

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

Paparkan setiap pekerja pada skrin dalam tag linya sendiri dalam tag ul.

Задание 11

Pastikan apabila nama, umur atau gaji pekerja diklik, input untuk mengedit medan tersebut akan muncul.

Задание 12

Tambahkan pautan padam pada penghujung setiap tag li untuk memadam li ini daripada senarai.

Задание 13

Buat borang di bawah senarai untuk menambah pekerja baharu.