JavaScript'te Döngü ile Eleman Oluşturma

Önceki derslerde birer tane yeni eleman oluşturuyorduk. Şimdi yeni elemanların bir döngü içinde oluşturulmasını sağlayalım.

Örnek olarak, elimizde şu şekilde bir div ebeveyn olsun:

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

Div'imizin sonuna 9 yeni paragraf ekleyen bir döngü başlatalım:

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

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