জাভাস্ক্রিপ্টে অ্যারে থেকে এলিমেন্ট তৈরি করা

ধরা যাক আমাদের কাছে একটি অ্যারে আছে:

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);
}

আমার কোডটি এমনভাবে পরিবর্তন করুন যাতে প্যারাগ্রাফে ক্লিক করলে এর কন্টেন্টে এক যোগ হয়।