How do I handle events in vanilla JavaScript?

How do I handle events in vanilla JavaScript?

You can handle events in vanilla JavaScript using the addEventListener method. For example, to handle a click event on a button, you can do this:

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', 'focus', and many more. Each event has its own specific use case.

Can I remove an event listener?

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

What if I want to handle multiple events?

You can handle multiple events by adding multiple addEventListener calls for the same element, or by using a single function to handle different events.