JavaScript-də dövrdə elementlərin yaradılması

Əvvəlki dərslərdə biz hər dəfə bir yeni element yaradırdıq. Gəlin indi elə edək ki, yeni elementlər dövrdə yaradılsın.

Nümunə üçün bizim belə bir valideyn div-imiz olsun:

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

Gəlin valideyn div-imizin sonuna 9 yeni abzas əlavə edəcək bir dövr işə salaq:

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

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