Креирање елемената у петљи на JavaScript-у

У претходним лекцијама смо креирали по један нови елемент. Хајде сада да направимо да се нови елементи креирају у петљи.

Нека за пример имамо овај родитељски div:

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

Покренимо петљу која ће додати у крај нашег div-а 9 нових параграфа:

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

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