JavaScript Academy · Lesson

addEventListener Basics

Attach handlers to elements for events.

Responding to Events

Events let your code react to user actions like clicks, key presses, and form submissions. addEventListener is the standard way to subscribe.

Call addEventListener with an event name and a handler function. The handler runs each time the event occurs.

const btn = document.querySelector("button");
btn.addEventListener("click", () => {
  console.log("Clicked!");
});