Gestionnaires d'événements nommés en JavaScript

Dans les leçons précédentes, nous avons utilisé des fonctions anonymes comme gestionnaires d'événements. Ce n'est en fait pas obligatoire - la fonction peut être ordinaire, avec un nom. Supposons par exemple que nous ayons une fonction comme celle-ci :

javascriptfunction func() {
  console.log('!!!');
}

Supposons également qu'il y ait un bouton :

html<input id="button" type="submit">

Faisons en sorte qu'un clic sur le bouton exécute notre fonction func. Pour cela, passons le nom de notre fonction comme paramètre de addEventListener, comme ceci :

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
  console.log('!!!');
}

html<input id="button1" type="submit" value="button1">
<input id="button2" type="submit" value="button2">

javascriptfunction func1() {
  console.log(1);
}

function func2() {
  console.log(2);
}