Crearea elementelor în buclă în JavaScript

În lecțiile anterioare am creat câte un element nou. Să facem acum astfel încât elementele noi să fie create într-o buclă.

Să luăm ca exemplu acest div-părinte:

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

Să rulăm o buclă care va adăuga la sfârșitul div-ului nostru 9 paragrafe noi:

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

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