Elemek létrehozása ciklusban JavaScriptben

Az előző leckékben mindig egy új elemet hoztunk létre. Most tegyük úgy, hogy az új elemek ciklusban jöjjenek létre.

Példaként legyen egy ilyen szülő div-ünk:

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

Indítsunk egy ciklust, amely a divünk végéhez 9 új bekezdést ad:

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

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