Toevoegen van anonieme event handlers in een lus in JavaScript

Als event handlers die in een lus worden toegevoegd, kunnen ook anonieme functies worden gebruikt. Dit maakt de code compacter en bespaart ons de moeite om een naam te bedenken voor een functie die slechts op één plaats wordt gebruikt.

Laten we anonieme event handlers op de elementen plaatsen:

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