JavaScript-də Adlandırılmış Hadise Emalçıları

Əvvəlki dərslərdə biz hadisə emalçıları kimi anonim funksiyalardan istifadə edirdik. Əslində bu mütləq deyil - funksiya adi, adlı da ola bilər. Məsələn, bizim belə bir funksiyamız olsun:

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

Həmçinin bir düyməmiz də olsun:

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

Gəlin edək ki, düyməyə kliklədikdə bizim func funksiyamız icra olunsun. Bunun üçün addEventListener parametrinə funksiyamızın adını ötürək, belə:

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

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

Aşağıdakı HTML kodu verilmişdir:

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

Aşağıdakı funksiyalar verilmişdir:

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

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

Edin ki, birinci düyməyə kliklədikdə func1 funksiyası icra olunsun, ikinciyə kliklədikdə isə - func2 funksiyası.