Създаване на елементи от масив в JavaScript

Да предположим, че имаме някакъв масив:

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

Да предположим също, че имаме някакъв родителски елемент:

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

Нека добавим към нашия родител нови параграфи, чийто текст ще бъде елементите от нашия масив.

Нека реализираме описаното:

javascriptlet 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

Модифицирайте моя код така, че при клик върху параграф към съдържанието му да се добавя единица.