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 :

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

Supposons également qu'il y ait un bouton :

<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 :

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

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

Voici le code HTML suivant :

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

Voici les fonctions suivantes :

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

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

Faites en sorte qu'un clic sur le premier bouton exécute la fonction func1, et un clic sur le second - la fonction func2.