Tilføjelse af anonyme håndterere i en løkke i JavaScript

Som håndterere, der tilføjes i en løkke, kan man også bruge anonyme funktioner. Dette gør koden mere kompakt og fritager os for at finde på et navn til en funktion, som kun bruges ét sted.

Lad os tilføje anonyme håndterere til elementerne:

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