Genoemde Gebeurtenishanteerders in JavaScript

In vorige lesse het ons anonieme funksies as gebeurtenishanteerders gebruik. Dit is eintlik nie noodsaaklik nie - die funksie kan ook 'n gewone, met 'n naam, wees. Laat ons byvoorbeeld die volgende funksie hê:

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

Laat ons ook 'n knoppie hê:

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

Kom ons maak dit so dat wanneer op die knoppie geklik word, ons funksie func uitgevoer word. Vir hiervoor gee ons die naam van ons funksie as parameter aan addEventListener, soos volg:

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

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

Die volgende HTML-kode word gegee:

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

Die volgende funksies word gegee:

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

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

Maak dit so dat wanneer op die eerste knoppie geklik word, funksie func1 uitgevoer word, en wanneer op die tweede - funksie func2.