Creazione di elementi in ciclo con JavaScript
Nelle lezioni precedenti abbiamo creato un nuovo elemento alla volta. Ora facciamo in modo che nuovi elementi vengano creati in un ciclo.
Ad esempio, supponiamo di avere questo div genitore:
<div id="parent"></div>
Avviamo un ciclo che aggiungerà alla
fine del nostro div 9 nuovi paragrafi:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Dato un ul vuoto. Avviate un ciclo che inserirà
al suo interno 10 tag li. Fate in modo
che il testo di ogni li sia il suo numero ordinale.
