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 :
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Voici le code suivant :
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
let divs = document.querySelectorAll('div');
for (let div of divs) {
div.addEventListener('click', func);
}
function func() {
this.textContent++;
}
Rendez la fonction gestionnaire anonyme.
