JS 조건문, 반복문

🌐 JS 랜덤 함수

export default function random() {
  return Math.floor(Math.random() * 10) 
}

import getType from './getType'
import random from './getRandom'
// main 함수 연결

🌐 JS 조건문 if else

// if else
console.log('조건문 if else')
const m = random()
if (m < 3) {
  console.log(m, '< 랜덤숫자는 3보다 작다.')
} else if (m === 4) {
  console.log(m, 'm은 4이다.')
} else {
  console.log(m, 'm은 5 이상이다.')
}

---

🌐 JS 조건문 switch

// switch
console.log('switch')
switch (m) {
  case 0:
    console.log('0')
    break
  case 2:
    console.log('2')
    break
  case 4:
    console.log('4')
    break
  default:
    console.log('그외 숫자')
}

---

🌐 JS 반복문 for

// for(시작조건; 종료조건; 변화조건)
console.log('반복문')
for(let i = 0; i < 3; i ++) {
  console.log(i) // 0, 1, 2
}

---

🌐 JS ul 태그 안에 li 태그 추가

// ul 태그 안에 li 태그 추가
const ulEl = document.querySelector('ul')
for(let i = 0; i < 3; 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)
      console.log('짝수입니다.')
    })
  }
  ulEl.appendChild(li);
}

• list가 반복문에 의해 3개 생성

• list-2를 click하면 console.log가 출력되는 모습을 볼 수 있다.