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의 텍스트가 해당 순서 번호가 되도록 만드세요.