Pengenalan DOM & Memilih Elemen

Apa itu DOM?

DOM (Document Object Model) adalah representasi halaman HTML sebagai kumpulan object yang tersusun seperti pohon. Lewat DOM, JavaScript bisa membaca dan mengubah elemen halaman secara langsung.

Memilih Elemen

// Berdasarkan id (satu elemen)
const judul = document.getElementById("judul");

// Selector CSS — elemen PERTAMA yang cocok
const tombol = document.querySelector(".tombol");

// Selector CSS — SEMUA yang cocok (jadi list)
const semuaItem = document.querySelectorAll("li");