जावास्क्रिप्ट में लूप के दौरान इवेंट हैंडलर जोड़ना
पिछले पाठ में, हमने लूप में नए एलिमेंट्स बनाना सीखा। आइए अब नए एलिमेंट्स बनाते समय इवेंट हैंडलर जोड़ें।
मान लीजिए कि हमारे पास फिर से यह मूल डिव है:
<div id="parent"></div>
आइए एक लूप चलाएं जो हमारे डिव के अंत में
9 नए पैराग्राफ जोड़ेगा, और उन पर
क्लिक हैंडलर जोड़ेगा:
let 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);
}
एक डिव दिया गया है। एक लूप चलाएं जो
हमारे डिव में 5 इनपुट जोड़ेगा। मान लीजिए एक पैराग्राफ भी दिया गया है।
ऐसा करें कि प्रत्येक नया इनपुट फोकस खोने पर
अपना टेक्स्ट पैराग्राफ में लिखे।
