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