Anonīmu notikumu apstrādātāju pievienošana cilpā JavaScript

Kā notikumu apstrādātājus, kas pievienoti cilpā, var izmantot arī anonīmas funkcijas. Tas padara kodu kompaktāku un atbrīvo mūs no nepieciešamības izdomāt vārdu funkcijai, kas tiek izmantota tikai vienā vietā.

Uzliksim elementiem anonīmus notikumu apstrādātājus:

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