JavaScriptте циклде анонимдук обработчиклерди кошуу

Циклде орнотулуучу обработчиктер катары, анонимдук функцияларды да колдонсо болот. Бул кодду дагы компакттуу кылат жана бизди бир гана жерде колдонулуучу функция үчүн атын ойлоп табуудан бошотот.

Келгиле, элементтерге анонимдук обработчиклерди орнотойлу:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    console.log(this.textContent);
  });
}

html<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>

javascriptlet divs = document.querySelectorAll('div');

for (let div of divs) {
  div.addEventListener('click', func);
}

function func() {
  this.textContent++;
}