Creazione di elementi da un array in JavaScript

Supponiamo di avere un array:

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

Supponiamo inoltre di avere un elemento genitore:

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

Aggiungiamo al nostro genitore nuovi paragrafi, il cui testo sarà costituito dagli elementi del nostro array.

Implementiamo quanto descritto:

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

Modifica il mio codice in modo che quando si fa clic su un paragrafo, al suo contenuto venga aggiunto uno.