JavaScript-də dövrdə anonim hendlerlərin əlavə edilməsi

Dövr içində əlavə edilən hendlerlər kimi anonim funksiyalardan da istifadə etmək olar. Bu, kodu daha yığcam edir və yalnız bir yerdə istifadə olunan funksiya üçün ad düşünməkdən bizi xilas edir.

Gəlin elementlərə anonim hendlerlər əlavə edək:

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