เหตุการณ์และ addEventListener

คลิก พิมพ์ ส่งฟอร์ม — เบราว์เซอร์ยิง event · เราผูกฟังก์ชันรับฟังด้วย addEventListener

const btn = document.querySelector("#add");
btn.addEventListener("click", () => {
  console.log("คลิกแล้ว");
});

click, input, submit, keydown — เริ่มจากคลิกและส่งฟอร์มให้คล่องก่อน

ส่งฟังก์ชันเข้าไป ไม่เรียกทันที: ใช้ () => {...} หรือชื่อฟังก์ชัน · อย่าเขียน handler() จนกลายเป็นเรียกตอนผูก