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

पिछले पाठ में, हमने लूप में नए एलिमेंट्स बनाना सीखा। आइए अब नए एलिमेंट्स बनाते समय इवेंट हैंडलर जोड़ें।

मान लीजिए कि हमारे पास फिर से यह मूल डिव है:

html<div id="parent"></div>

आइए एक लूप चलाएं जो हमारे डिव के अंत में 9 नए पैराग्राफ जोड़ेगा, और उन पर क्लिक हैंडलर जोड़ेगा:

javascriptlet parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  // क्लिक हैंडलर जोड़ना:
  p.addEventListener('click', function() {
    console.log(this.textContent);
  });
  
  parent.appendChild(p);
}