Anonüümsete sündmustekäsitluste lisamine tsüklis JavaScriptis
Tsüklis lisatavateks sündmustekäsitlusteks saab kasutada ka anonüümseid funktsioone. See muudab koodi kompaktsemaks ja säästab meid funktsiooni nime väljamõtlemisest, mida kasutatakse ainult ühes kohas.
Lisame elementidele anonüümsed sündmustekäsitlused:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
Antud on järgmine kood:
<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++;
}
Tehke funktsioonist käsitluja anonüümne.
