Tworzenie elementów w pętli w JavaScript
W poprzednich lekcjach tworzyliśmy po jeden nowy element. Zróbmy teraz tak, aby nowe elementy były tworzone w pętli.
Weźmy dla przykładu takiego diva-rodzica:
<div id="parent"></div>
Uruchommy pętlę, która doda na
koniec naszego diva 9 nowych akapitów:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Dany jest pusty ul. Uruchom pętlę, która wstawi
do niego 10 znaczników li. Zrób tak,
aby tekstem każdej li był jej numer porządkowy.