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

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

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

दो बटन भी हैं:

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

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

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

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

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

5 पैराग्राफ दिए गए हैं:

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

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

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

इस फ़ंक्शन को सभी 5 पैराग्राफ से बांधें।