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:

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

Vamos executar um loop que adicionará 9 novos parágrafos ao final da nossa div:

javascriptlet parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
  let p = document.createElement('p');
  p.textContent = '!';
  
  parent.appendChild(p);
}