Criação de elementos em loop em JavaScript
Nas lições anteriores, criamos um novo elemento por vez. Vamos agora fazer com que novos elementos sejam criados em um loop.
Vamos supor, por exemplo, que temos esta div pai:
<div id="parent"></div>
Vamos executar um loop que adicionará
9 novos parágrafos ao final da nossa div:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Dada uma ul vazia. Execute um loop que irá inserir
10 tags li nela. Faça com que
o texto de cada li seja seu número de ordem.
