Elementu veidošana cilpā JavaScript

Iepriekšējās nodarbībās mēs veidojām pa vienam jaunam elementam. Tagad padarīsim tā, lai jaunie elementi tiek veidoti cilpā.

Piemēram, pieņemsim, ka mums ir šāds vecāka elements:

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

Palaist cilpu, kas mūsu div elementam pievienos 9 jaunus rindkopas elementus:

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

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