एलिमेंट्स डालते समय ईवेंट बाइंडिंग

आइए अब एलिमेंट्स डालते समय उनसे इवेंट हैंडलर्स बाइंड करें।

उदाहरण के लिए, मान लीजिए कि हमारे पास यह मूल एलिमेंट है:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

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

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

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
	console.log(this.textContent); // क्लिक करने पर पैराग्राफ का टेक्स्ट प्रिंट करेंगे
});

parent.appendChild(p);

एक ol और एक बटन दिया गया है। ऐसा करें कि बटन पर क्लिक करने पर ol के अंत में एक li टैग जुड़ जाए। ऐसा करें कि किसी भी जोड़े गए li पर क्लिक करने पर उसके टेक्स्ट के अंत में एक विस्मयादिबोधक चिह्न लिखा जाए।