Создание элементов в цикле на JavaScript

В предыдущих уроках мы с вами создавали по одному новому элементу. Давайте теперь сделаем так, чтобы новые элементы создавались в цикле.

Пусть для примера у нас есть вот такой див-родитель:

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

Давайте запустим цикл, который добавит в конец нашего дива 9 новых абзацев:

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

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

Дан пустой ul. Запустите цикл, который вставит в него 10 тегов li. Сделайте так, чтобы текстом каждой li был ее порядковый номер.