Anonyymisten käsittelijöiden lisääminen silmukassa JavaScriptissä

Silmukassa kiinnitettävien käsittelijöiden voi käyttää myös anonyymeja funktioita. Tämä tekee koodista tiiviimpää ja säästää meidät tarpeesta keksiä nimi funktiolle, jota käytetään vain yhdessä paikassa.

Kiinnitetään elementteihin anonyymit käsittelijät:

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