Event Listeners and Callbacks

Closures are commonly used in event handlers to preserve state across multiple events without global variables.

function setupButton(buttonId) {
  let count = 0;
  document.getElementById(buttonId).addEventListener("click", function () {
    count++;
    console.log(`Clicked ${count} times`);
  });
}
setupButton("myButton");