Oprettelse af elementer i loop i JavaScript

I de foregående lektioner oprettede vi kun ét nyt element ad gangen. Lad os nu gøre så nye elementer oprettes i et loop.

Lad os som eksempel have denne forælder-div:

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

Lad os starte et loop, der vil tilføje 9 nye afsnit til slutningen af vores div:

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

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