Creación de elementos en bucle en JavaScript

En lecciones anteriores creamos un nuevo elemento a la vez. Ahora hagamos que los nuevos elementos se creen en un bucle.

Por ejemplo, supongamos que tenemos este div principal:

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

Ejecutemos un bucle que agregue 9 nuevos párrafos al final de nuestro div:

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

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