जावास्क्रिप्ट में लूप में अनामिक हैंडलर जोड़ना
लूप में लगाए जाने वाले हैंडलर के रूप में, आप अनामिक फ़ंक्शन का भी उपयोग कर सकते हैं। यह कोड को अधिक कॉम्पैक्ट बनाता है और हमें उस फ़ंक्शन के लिए नाम सोचने से बचाता है जिसका उपयोग केवल एक जगह पर किया जाता है।
आइए एलिमेंट्स पर अनामिक हैंडलर लगाएं:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
console.log(this.textContent);
});
}
निम्नलिखित कोड दिया गया है:
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
let divs = document.querySelectorAll('div');
for (let div of divs) {
div.addEventListener('click', func);
}
function func() {
this.textContent++;
}
फ़ंक्शन-हैंडलर को अनामिक बनाएं।