Module 03
DOM Manipulation & Event
Belajar membuat UI interaktif dengan DOM dan event listener.
Materi
Query selector, create element, append.
Event handling: click, input, submit.
State sederhana untuk UI.
Latihan
Latihan 1
Buat to-do list dengan tombol add dan delete.
Latihan 2
Counter dengan tombol + dan -.
Latihan 3
Form validasi email sederhana.
Contoh Kode
const button = document.querySelector("#add");
const list = document.querySelector("#list");
button.addEventListener("click", () => {
const item = document.createElement("li");
item.textContent = "Item baru";
list.appendChild(item);
});