JavaScript-ზე მასივიდან ელემენტების შექმნა

დავუშვათ, გვაქვს გარკვეული მასივი:

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

მოდიფიცირება გააკეთეთ ჩემს კოდს ისე, რომ აბზაცზე დაწკაპუნებით მის შიგთავსს ერთეული დაემატოს.