Amalan Mengubah Elemen dalam JavaScript
Diberi sebuah array. Paparkan elemen-elemennya dalam bentuk
senarai ul.
Ubah suai masalah sebelumnya supaya
apabila diklik pada mana-mana li, input akan muncul
di dalamnya, yang boleh digunakan untuk
mengeditnya.
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.
Ubah suai masalah sebelumnya supaya
pada penghujung setiap li terdapat pautan 'padam',
yang boleh digunakan untuk memadam
li tersebut daripada ul.
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
Diberi array berikut dengan pekerja:
let 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.
Tambahkan keupayaan mengedit pada sel jadual yang dicipta.
Tambahkan lajur baharu dalam jadual anda dengan pautan untuk memadam baris daripada jadual.
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
Diberi array berikut dengan pekerja:
let 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.
Pastikan apabila nama, umur atau gaji pekerja diklik, input untuk mengedit medan tersebut akan muncul.
Tambahkan pautan padam pada penghujung
setiap tag li untuk memadam li ini daripada senarai.
Buat borang di bawah senarai untuk menambah pekerja baharu.