Level: Intermediate
DOM (Document Object Model) adalah representasi struktur halaman web dalam bentuk pohon objek. Dengan JavaScript, kita bisa memanipulasi DOM untuk mengubah konten, gaya, atau struktur halaman secara dinamis. Bayangkan DOM seperti panggung teater, dan JavaScript adalah sutradara yang bisa mengatur aktor (elemen) kapan saja.
document.getElementById("id") → memilih elemen berdasarkan ID.document.querySelector(".class") → memilih elemen dengan selector CSS.element.innerHTML → mengubah isi HTML.element.style.property → mengubah gaya CSS.element.addEventListener("event", function) → menambahkan event listener.document.createElement() → membuat elemen baru.parent.appendChild(child) → menambahkan elemen ke dalam parent.Buat halaman dengan fitur berikut:
Tugas tambahan: Tambahkan efek animasi sederhana (misalnya perubahan warna atau fade out) saat item dihapus.