Додавање на анонимни обработувачи во циклус во JavaScript

Како обработувачи, кои се додаваат во циклус, можат да се користат и анонимни функции. Ова го прави кодот покомпактен и нè ослободува од потребата да смислуваме име за функција која се користи само на едно место.

Ајде да додадеме на елементите анонимни обработувачи:

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