How do I use event listeners in JavaScript?

How do I use event listeners in JavaScript?

Event listeners are functions that wait for a specific event to occur on a target element. You can add them using the addEventListener method.

Can you give me an example of using an event listener?

Sure! Here's a simple example:

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
    alert('Button was clicked!');
});

What other events can I listen for?

You can listen for various events like 'mouseover', 'keydown', 'submit', and many more depending on the element.

Is it possible to remove an event listener?

Yes, you can remove an event listener using the removeEventListener method, but you need to reference the same function you used to add it.