Penciptaan Elemen dalam Gelung pada JavaScript

Dalam pelajaran sebelumnya, kita mencipta satu elemen baru setiap kali. Sekarang mari kita jadikan elemen-elemen baru dicipta dalam gelung.

Sebagai contoh, katakan kita mempunyai div induk seperti berikut:

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

Mari jalankan gelung yang akan menambahkan 9 perenggan baru ke akhir div kami:

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

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