Event & addEventListener

Merespons Aksi Pengguna

Event adalah kejadian di halaman: klik, ketik, submit, dsb. addEventListener menjalankan sebuah function saat event terjadi.

const tombol = document.getElementById("tombol");
tombol.addEventListener("click", function () {
  alert("Tombol diklik!");
});

// Event umum: "click", "input", "submit", "mouseover", "keydown"

Objek Event & preventDefault

form.addEventListener("submit", function (e) {
  e.preventDefault();       // cegah halaman reload
  console.log("Form dikirim");
});

Coba: Cermin Teks (event "input")

const input = document.getElementById("mirrorIn");
input.addEventListener("input", function () {
  document.getElementById("mirrorOut").textContent = input.value;
});