Gestori di eventi nominati in JavaScript

Nelle lezioni precedenti abbiamo utilizzato funzioni anonime come gestori di eventi. In realtà, questo non è obbligatorio: la funzione può anche essere normale, con un nome. Supponiamo, ad esempio, di avere questa funzione:

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

Supponiamo anche che ci sia un pulsante:

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

Facciamo in modo che cliccando sul pulsante venga eseguita la nostra funzione func. Per farlo, passiamo il nome della nostra funzione come parametro a addEventListener, in questo modo:

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);
}