Advance · Pertemuan 2 · DOM & Event Listener · Pelajaran 5 dari 5

Latihan: Daftar Tugas

Gabungkan memilih elemen, event, dan mengubah DOM untuk membuat daftar tugas sederhana.

const input = document.getElementById("tugasBaru");
const daftar = document.getElementById("daftarTugas");

function tambahTugas() {
  if (!input.value) return;             // abaikan kalau kosong
  const li = document.createElement("li"); // buat elemen <li>
  li.textContent = input.value;
  daftar.appendChild(li);               // pasang ke daftar
  input.value = "";                     // kosongkan input
}

Coba langsung

    function tambahTugas() {
      const input = document.getElementById("tugasBaru");
      const daftar = document.getElementById("daftarTugas");
      if (!input.value) return;
      const li = document.createElement("li");
      li.textContent = input.value;
      daftar.appendChild(li);
      input.value = "";
    }
    Selesai Pertemuan 2! Berikutnya: mengambil data dari internet dengan JSON & API Fetch.