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:

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

Supponiamo anche che ci sia un pulsante:

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

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

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

Dato il seguente codice HTML:

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

Date le seguenti funzioni:

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

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

Fate in modo che cliccando sul primo pulsante venga eseguita la funzione func1, e cliccando sul secondo - la funzione func2.