জাভাস্ক্রিপ্টে লুপে এলিমেন্ট তৈরি

পূর্ববর্তী পাঠগুলোতে আমরা একটি করে নতুন এলিমেন্ট তৈরি করেছি। এখন আসুন এমন করি যাতে নতুন এলিমেন্টগুলো লুপে তৈরি হয়।

উদাহরণস্বরূপ, ধরা যাক আমাদের কাছে এমন একটি ডিভ-প্যারেন্ট আছে:

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