Anonüümsete sündmustekäsitluste lisamine tsüklis JavaScriptis

Tsüklis lisatavateks sündmustekäsitlusteks saab kasutada ka anonüümseid funktsioone. See muudab koodi kompaktsemaks ja säästab meid funktsiooni nime väljamõtlemisest, mida kasutatakse ainult ühes kohas.

Lisame elementidele anonüümsed sündmustekäsitlused:

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