DOM के साथ काम करने के लिए JavaScript में कॉलबैक पास करना

मान लीजिए कि हमारे पास DOM तत्वों का एक समूह है:

html<p class="elem">1</p>
<p class="elem">2</p>
<p class="elem">3</p>
<p class="elem">4</p>
<p class="elem">5</p>

आइए एक फ़ंक्शन forEach बनाते हैं, जो पहले पैरामीटर के रूप में तत्वों के समूह का सेलेक्टर लेगा, और दूसरे पैरामीटर के रूप में - एक कॉलबैक फ़ंक्शन, जो पाए गए प्रत्येक तत्व पर एक-एक करके लागू होगा:

javascriptforEach('.elem', function() {
  // फ़ंक्शन प्रत्येक तत्व पर लागू होगी
});

मान लीजिए कि सेलेक्टर के अंतर्गत आने वाले तत्व, बारी-बारी से कॉलबैक के पहले पैरामीटर में आते हैं:

javascriptforEach('.elem', function(elem) {
  console.log(elem); // बारी-बारी से पाए गए तत्वों को प्रिंट करेगा
});

आइए हमारे फ़ंक्शन की मदद से क्लास elem वाले सभी तत्व ढूंढते हैं और प्रत्येक पाए गए तत्व पर एक कॉलबैक लागू करते हैं, जो प्रत्येक तत्व के टेक्स्ट का वर्ग कर देगा:

javascriptforEach('.elem', function(elem) {
  elem.textContent = elem.textContent ** 2;
});

आइए अब हमारे द्वारा सोचे गए फ़ंक्शन forEach का कार्यान्वयन लिखते हैं:

javascriptfunction forEach(selector, func) {
  let elems = document.querySelectorAll(selector);
  
  for (let elem of elems) {
    func(elem);
  }
}