การสร้างองค์ประกอบจากอาร์เรย์ใน JavaScript

สมมติว่าเรามีอาร์เรย์บางชุด:

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

และสมมติว่าเรามีองค์ประกอบแม่ (parent) บางอย่าง:

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

โปรดแก้ไขโค้ดของฉัน เพื่อให้เมื่อคลิกที่พารากราฟ เนื้อหาของมันจะถูกเพิ่มขึ้นหนึ่งหน่วย