Creación de elementos desde un array en JavaScript
Supongamos que tenemos un array:
let arr = [1, 2, 3, 4, 5];
Supongamos también que tenemos un elemento padre:
<div id="parent"></div>
Agreguemos a nuestro padre nuevos párrafos, cuyo texto serán los elementos de nuestro array.
Implementemos lo descrito:
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);
}
Modifique mi código para que al hacer clic en un párrafo se sume uno a su contenido.