Adición de manejadores anónimos en un bucle en JavaScript
Como manejadores, que se agregan en un bucle, también se pueden utilizar funciones anónimas. Esto hace que el código sea más compacto y nos libera de tener que inventar un nombre para una función que se utiliza solo en un lugar.
Agreguemos a los elementos manejadores anónimos:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Se da el siguiente código:
<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++;
}
Haga que la función manejadora sea anónima.