Praktik Mengubah Elemen dengan JavaScript
Diberikan sebuah array. Tampilkan elemen-elemennya dalam bentuk
daftar ul.
Modifikasi tugas sebelumnya sehingga
saat diklik pada salah satu li, akan muncul
input, yang dapat digunakan untuk
mengeditnya.
Modifikasi tugas sebelumnya sehingga
di bawah daftar terdapat input, yang dapat digunakan
untuk menambahkan elemen baru di akhir
daftar ul. Buat agar li baru
juga dapat diedit.
Modifikasi tugas sebelumnya sehingga
di akhir setiap li terdapat tautan 'hapus',
yang dapat digunakan untuk menghapus
li tersebut dari ul.
Modifikasi tugas sebelumnya sehingga
di akhir setiap li juga terdapat tautan
'coret', yang dapat digunakan
untuk mencoret teks dari tag li tersebut.
Array Objek dan Tabel
Diberikan array berikut dengan karyawan:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Tampilkan karyawan-karyawan ini dalam tabel HTML.
Berikan sel-sel pada tabel yang dibuat kemampuan untuk diedit.
Tambahkan kolom baru ke tabel Anda dengan tautan untuk menghapus baris dari tabel.
Buat di bawah tabel 3 input dan tombol
untuk menambahkan karyawan baru. Biarkan
input untuk memasukkan nama, usia, dan gaji,
dan saat tombol ditekan, karyawan baru ditambahkan
ke tabel. Implementasikan pengeditan sel
untuk karyawan yang baru ditambahkan.
Array Objek dan Daftar
Diberikan array berikut dengan karyawan:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Tampilkan setiap karyawan pada layar dalam
tag li miliknya sendiri dalam tag ul.
Buat agar saat diklik pada nama, usia, atau gaji karyawan, muncul input untuk mengedit bidang tersebut.
Tambahkan di akhir setiap tag li tautan
untuk menghapus li ini dari daftar.
Buat formulir di bawah daftar untuk menambahkan karyawan baru.