Elementų kūrimas cikle JavaScript

Ankstesnėse pamokose kūrėme po vieną naują elementą. Dabar padarykime taip, kad nauji elementai būtų kuriami cikle.

Tarkime, pavyzdžiui, kad turime šį div-tėvą:

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

Paleiskime ciklą, kuris į mūsų div galą pridės 9 naujų pastraipų:

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

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