Event: Merespons Aksi Pengguna

Event = kejadian di halaman

Setiap kali pengguna mengklik, mengetik, atau mengirim form, browser memancarkan sebuah event. Kita pasang "pendengar" (listener) untuk menjalankan kode saat event itu terjadi.

const tombol = document.querySelector("#tombol");

tombol.addEventListener("click", () => {
  console.log("Tombol diklik!");
});

Event yang sering dipakai

• click — diklik
• input — isi kolom teks berubah
• submit — form dikirim
• keydown — tombol keyboard ditekan

Contoh counter

let hitung = 0;
const teks = document.querySelector("#hitung");

document.querySelector("#tombol").addEventListener("click", () => {
  hitung++;
  teks.textContent = hitung;
});

Object event

Function listener menerima informasi tentang event:

input.addEventListener("input", (e) => {
  console.log(e.target.value); // isi terbaru
});