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);
}