Ustvarjanje elementov iz matrike v JavaScriptu

Recimo, da imamo neko matriko:

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

Recimo tudi, da imamo neki nadrejeni element:

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

Dodajmo v našega nadrejenega elementa nove odstavke, katerih besedilo bodo elementi naše matrike.

Implementirajmo opisano:

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

Spremenite mojo kodo tako, da se ob kliku na odstavek k njegovi vsebini prišteje ena.