Създаване на елементи в цикъл на 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);
}