Skapa element i en loop med JavaScript
I tidigare lektioner skapade vi ett nytt element i taget. Låt oss nu göra så att nya element skapas i en loop.
Låt oss som exempel ha följande föräldradiv:
<div id="parent"></div>
Låt oss starta en loop som lägger till
i slutet av vår div 9 nya stycken:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Given en tom ul. Starta en loop som sätter
in 10 stycken li-taggar i den. Gör så
att texten i varje li är dess ordningsnummer.