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:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Følgende kode er givet:
<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++;
}
Gør håndteringsfunktionen anonym.
