Att lägga till anonyma händelsehanterare i en loop i JavaScript

Som händelsehanterare som läggs till i en loop, kan man även använda anonyma funktioner. Detta gör koden mer kompakt och sparar oss från att behöva hitta på ett namn för en funktion som används på endast en plats.

Låt oss lägga till anonyma händelsehanterare på element:

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