जावास्क्रिप्ट में लूप के माध्यम से एलिमेंट्स बनाना

पिछले पाठों में हम एक नया एलिमेंट बनाते थे। आइए अब ऐसा करते हैं कि नए एलिमेंट्स लूप में बनाए जाएं।

उदाहरण के लिए मान लीजिए कि हमारे पास यह डिव-पैरेंट है:

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