What are event listeners and how are they used?

Event listeners are functions that wait for specific events to occur on elements, such as clicks or key presses. They are used to execute code in response to these events. You can add an event listener to an element using the addEventListener method. For example:

document.getElementById("myButton").addEventListener("click", function () {
  alert("Button was clicked!");
});