Ajout de gestionnaires anonymes dans une boucle en JavaScript

En tant que gestionnaires attachés dans une boucle, on peut également utiliser des fonctions anonymes. Cela rend le code plus compact et nous évite d'avoir à inventer un nom pour une fonction qui n'est utilisée qu'à un seul endroit.

Attachons aux éléments des gestionnaires anonymes :

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