MoreLesson 272Preview gratis
Closable List Items
Lesson ini bagian dari How To · Semua level
Ringkasan
Closable list items memungkinkan pengguna menghapus item dari daftar dengan menekan tombol tutup. Setiap item memiliki tombol, lalu JavaScript mencari elemen <li> terdekat dan menghapusnya dari DOM. Gunakan event delegation agar satu listener dapat menangani semua tombol, termasuk item yang ditambahkan nanti.
Poin kunci
- Tombol tutup sebaiknya berupa <button> agar dapat diakses dengan keyboard.
- closest('li') mencari item daftar induk dari tombol yang diklik.
- remove() menghapus elemen beserta seluruh isinya dari DOM.
- Event delegation pada container mengurangi jumlah listener dan mendukung item baru.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.