Δημιουργία στοιχείων σε βρόχο σε JavaScript

Στα προηγούμενα μαθήματα δημιουργούσαμε ένα νέο στοιχείο κάθε φορά. Ας κάνουμε τώρα έτσι ώστε τα νέα στοιχεία να δημιουργούνται σε βρόχο.

Ας πούμε, για παράδειγμα, ότι έχουμε αυτό το γονικό div:

<div id="parent"></div>

Ας εκτελέσουμε έναν βρόχο που θα προσθέσει στο τέλος του div μας 9 νέες παραγράφους:

let parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.textContent = '!';
	
	parent.appendChild(p);
}

Δίνεται ένας κενός ul. Εκτελέστε έναν βρόχο που θα εισαγάγει σε αυτόν 10 ετικέτες li. Κάντε έτσι ώστε το κείμενο κάθε li να είναι ο αύξων αριθμός της.