JavaScript'te Döngü İçinde Anonim İşleyiciler Ekleme

Döngü içinde eklenen işleyiciler olarak anonim fonksiyonlar da kullanılabilir. Bu, kodu daha kompakt hale getirir ve sadece bir yerde kullanılan bir fonksiyon için isim bulmaktan bizi kurtarır.

Hadi elemanlara anonim işleyiciler ekleyelim:

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