Criação de elementos a partir de um array em JavaScript
Suponha que temos um array:
let arr = [1, 2, 3, 4, 5];
Suponha também que temos um elemento pai:
<div id="parent"></div>
Vamos adicionar ao nosso pai novos parágrafos, cujo texto serão os elementos do nosso array.
Vamos implementar o 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 meu código para que, ao clicar em um parágrafo, uma unidade seja adicionada ao seu conteúdo.