जावास्क्रिप्ट में ऐरे से एलिमेंट बनाना

मान लीजिए कि हमारे पास एक ऐरे है:

let arr = [1, 2, 3, 4, 5];

मान लीजिए कि हमारे पास एक पैरेंट एलिमेंट भी है:

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

आइए हमारे पैरेंट में नए पैराग्राफ जोड़ें, जिनका टेक्स्ट हमारे ऐरे के एलिमेंट होंगे।

आइए वर्णित को लागू करें:

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

let arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
	let p = document.createElement('p');
	p.textContent = elem;
	
	parent.appendChild(p);
}

मेरे कोड को इस तरह संशोधित करें कि पैराग्राफ पर क्लिक करने पर उसकी सामग्री में एक जोड़ दिया जाए।