On a vu comment attacher un handler pour l'évènement `click`, via la propriété `onclick`.

Il existe une autre façon d'attacher des handlers. Imaginons qu'on veuille
attacher non pas un, mais <em>plusieurs</em> handlers pour un même évènement.

On ne pourrait pas faire cela avec les propriétés `on*`, car elles ne permettent d'attacher
qu'<em>un seul</em> handler.

<blockquote>
La méthode <code>element.addEventListener()</code> est l'autre façon d'attacher un handler d'évènement.
On peut attacher plusieurs handlers en l'appelant plusieurs fois.
<br><br>
Son pendant pour retirer un handler est la méthode <code>element.removeEventListener()</code>.
</blockquote>

Exemple, encore avec un bouton :
```html
<button id="btn3">Alerte <strong>une</strong> fois</button>
<script>
// Variables
var handler1dejaSupprime = false;
var button = document.getElementById('btn3');

// Handlers
function handlerAlerte() {
  alert('Le bouton #btn3 a été cliqué');
}

function enleveHandlerAlerte() {
  if(! handler1dejaSupprime) {
    console.log('Suppression du 1er handler');
    button.removeEventListener('click', handlerAlerte);
    handler1dejaSupprime = true;
  }
  else {
    console.log('Le 1er handler a déjà été supprimé !');
  }
}

// Attache les handlers
button.addEventListener('click', handlerAlerte);
button.addEventListener('click', enleveHandlerAlerte);
</script>
```

Remarques :
* Contrairement à l'exemple précédent, où on attachait fonction anonyme comme handler, on utilise des fonctions nommées.
C'est indispensable si on souhaite ensuite les retirer.
* On se sert justement de la référence au premier handler `handlerAlerte` dans le deuxième : les évènements `click` venant après le premier
ne provoqueront plus d'alerte !
* On utilise le booléen `handler1dejaSupprime`, pour savoir si on doit supprimer le handler : ceci afin de ne pas tenter de le retirer une deuxième fois !
