JavaScript · DOM and events

addEventListener

Attaches an event handler. Pass { once: true } for one-shot listeners or an AbortSignal to remove later.

Syntax
el.addEventListener(type, handler)

Example

Try it

More in this group

append classList closest createElement dataset element.style Event delegation Event object

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course