Як мудири як барои бисёр элементҳо дар JavaScript

Як функсияро мумкин аст, ки ҳамзамон ба чанд элемент замима кард. Бигзор барои мисол мо функсияи зеринро дошта бошем:

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 абзасҳо замима кунед.