जावास्क्रिप्ट में लूप में अनामिक हैंडलर जोड़ना

लूप में लगाए जाने वाले हैंडलर के रूप में, आप अनामिक फ़ंक्शन का भी उपयोग कर सकते हैं। यह कोड को अधिक कॉम्पैक्ट बनाता है और हमें उस फ़ंक्शन के लिए नाम सोचने से बचाता है जिसका उपयोग केवल एक जगह पर किया जाता है।

आइए एलिमेंट्स पर अनामिक हैंडलर लगाएं:

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