자바스크립트로 배열에서 요소 생성하기

다음과 같은 배열이 있다고 가정해 봅시다:

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

또한 다음과 같은 부모 요소가 있다고 가정해 봅시다:

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

부모 요소 안에 새로운 단락(paragraph)을 추가해 봅시다. 각 단락의 텍스트는 배열의 요소가 될 것입니다.

위 내용을 구현해 보겠습니다:

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

제 코드를 수정하여 단락을 클릭할 때마다 해당 내용에 1을 더하도록 만들어 보세요.