Il existe plusieurs façons d’ajouter un événement à un élément en JavaScript. La première consiste à utiliser les attributs “on” de l’élément HTML, tels que onclick, onmouseover, onkeydown, etc. Par exemple, si nous avons un bouton et que nous voulons qu’une fonction soit exécutée lorsqu’il est cliqué, nous pouvons faire quelque chose comme ceci :
```
```
Une deuxième méthode plus dynamique consiste à utiliser la méthode addEventListener() de l’élément. Par exemple, si nous avons le même bouton, nous pouvons y ajouter un écouteur d’événements de clic comme suit :
```
```
L’avantage de cette méthode est que nous pouvons ajouter autant d’écouteurs d’événements que nécessaire à un élément, tandis que avec la méthod précédente (attributs “on”), un seul écouteur peut être attaché à un élément pour un type d’événement spécifique.
Dans les deux cas, l’événement est l’action effectuée par l’utilisateur, comme un clic de souris, une touche de clavier enfoncée, le déplacement de la souris, etc., et la fonction attachée à l’événement est appelée un gestionnaire d’événements (event handler). Ce gestionnaire d’événements est exécuté chaque fois que l’événement se produit.
