JavaScript에서 루프를 사용하여 요소 생성하기

이전 강의들에서는 새로운 요소를 하나씩 생성했습니다. 이제는 새로운 요소들이 루프 안에서 생성되도록 만들어 봅시다.

예를 들어 다음과 같은 부모 div가 있다고 가정해 봅시다:

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

이제 우리 div의 끝에 9 개의 새로운 단락을 추가하는 루프를 실행해 봅시다:

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

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