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

एक फ़ंक्शन को एक साथ कई तत्वों से बांधा जा सकता है। उदाहरण के लिए मान लीजिए कि हमारे पास निम्नलिखित फ़ंक्शन है:

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

दो बटन भी हैं:

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

चर में इन बटनों के संदर्भ प्राप्त करते हैं:

javascriptlet button1 = document.querySelector('#button1');
let button2 = document.querySelector('#button2');

और अब हम अपने फ़ंक्शन func को पहले और दूसरे दोनों बटनों से बांधते हैं:

javascriptbutton1.addEventListener('click', func);
button2.addEventListener('click', func);

html<p id="elem1">text</p>
<p id="elem2">text</p>
<p id="elem3">text</p>
<p id="elem4">text</p>
<p id="elem5">text</p>

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