Opprettelse av elementer i løkke på JavaScript

I tidligere leksjoner opprettet vi ett nytt element om gangen. La oss nå gjøre slik at nye elementer opprettes i en løkke.

La oss for eksempel ha en foreldre-div som denne:

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

La oss starte en løkke som vil legge til 9 nye avsnitt på slutten av vår div:

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

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