javaScript(반복문 For)

반복문 For

• 카운터 변수를 기준으로 명령을 여러 번 실행
• 여러 명령을 늘어 놓지 않고 소스를 간단하게 작성할 수 있음
• 소스의 양이 줄어 실행 속도가 빨라짐

예제 (ul 안에 li를 10개 순서대로 넣고 짝수 li를 클릭하면 출력하기)

// 반복문 (For statement)
// for (시작조건; 종료조건; 변화조건) {}
const ulEl = document.querySelector('ul')

for (let i = 0; i < 10; i += 1) {
  const li = document.createElement('li')
  li.textContent = `list-${i+1}`
  if ((i + 1) % 2 == 0) {
    li.addEventListener('click', function () {
      console.log(li.textContent)
    })
  }
  ulEl.appendChild(li)

}

결과