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

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

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

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

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

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

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