Elementtien luominen silmukassa JavaScriptillä
Edellisissä oppitunneissa loimme yhden uuden elementin kerrallaan. Tehdään nyt niin, että uudet elementit luodaan silmukassa.
Otetaan esimerkiksi tällainen div-vanhempi:
<div id="parent"></div>
Käynnistetään silmukka, joka lisää
divimme loppuun 9 uutta kappaletta:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Annettu tyhjä ul. Käynnistä silmukka, joka lisää
siihen 10 li-tagia. Tee niin,
että jokaisen li:n tekstiksi tulee sen järjestysnumero.
