How do I handle events in TypeScript?

How do I handle events in TypeScript?

In TypeScript, you can handle events by adding event listeners to elements. For example, you can use addEventListener.

Can you show me an example of handling a click event?

Sure! Here's a simple example:

const button = document.getElementById('myButton');

button?.addEventListener('click', (event) => {
    console.log('Button clicked!', event);
});

What if I want to handle multiple events?

You can add multiple event listeners to the same element. Just call addEventListener for each event you want to handle.

Is there a way to type the event parameter?

Yes! You can specify the type of the event parameter. For example:

button?.addEventListener('click', (event: MouseEvent) => {
    console.log('Mouse clicked!', event.clientX, event.clientY);
});