जावास्क्रिप्ट में नामित ईवेंट हैंडलर

पिछले पाठों में हमने ईवेंट हैंडलर के रूप में अनाम फ़ंक्शन का उपयोग किया था। यह वास्तव में आवश्यक नहीं है - फ़ंक्शन सामान्य, नामित भी हो सकता है। उदाहरण के लिए मान लीजिए कि हमारे पास ऐसा फ़ंक्शन है:

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

मान लीजिए एक बटन भी है:

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

आइए ऐसा करें कि बटन पर क्लिक करने पर हमारा फ़ंक्शन func निष्पादित हो। इसके लिए addEventListener के पैरामीटर के रूप में हम अपने फ़ंक्शन का नाम इस तरह पास करेंगे:

let 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">

निम्नलिखित फ़ंक्शन दिए गए हैं:

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

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

ऐसा करें कि पहले बटन पर क्लिक करने पर फ़ंक्शन func1 निष्पादित हो, और दूसरे बटन पर क्लिक करने पर - फ़ंक्शन func2 निष्पादित हो।