Skapa element i en loop med JavaScript

I tidigare lektioner skapade vi ett nytt element i taget. Låt oss nu göra så att nya element skapas i en loop.

Låt oss som exempel ha följande föräldradiv:

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

Låt oss starta en loop som lägger till i slutet av vår div 9 nya stycken:

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

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