ელემენტების შექმნა ციკლში JavaScript-ში

წინა გაკვეთილებში ჩვენ ვქმნიდით თითო ახალ ელემენტს. მოდით ახლა გავაკეთოთ ისე, რომ ახალი ელემენტები შეიქმნას ციკლში.

მაგალითად, გვქონდეს ესეთი div-მშობელი:

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

მოდით გავუშვათ ციკლი, რომელიც ჩვენს დივის ბოლოში დაამატებს 9 ახალ აბზაცს:

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

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