[javascript] 29. switch문

지렁·2023년 9월 28일
0

switch 문

if문같은 조건문이다

if문은 다양한 조건식을 쓸 수 있는 반면 switch 문은 변수 하나만 검사 가능하다
코드실행을 끝내고 싶으면 break를 추가해야 한다
추가하지 않으면 모든 조건문을 실행한다

let a = 2 + 5;
switch (a){
  case 3 :
    alert('변수가 3이네요');
    break
  case 4 :
    alert('변수가 4네요');
    break
  default : 
    alert('다 아니네요')
}

default는 else와 같은 역할을 한다


switch문 연습하기

 <body>
    <div id="quiz">
      <h4>물에 빠지면 누구먼저 구할 것인가</h4>
      <button>와이프</button>
      <button>부모님</button>
      <button>키우던 개</button>
      <button>친구</button>
    </div>

    <script>
      document.querySelector("#quiz").addEventListener("click", function (e) {
        let selected = e.target.innerHTML;
        switch (selected) {
          case "와이프":
            alert("달달한 사랑꾼이시네요");
            break;
          case "부모님":
            alert("효심 가득하시네요");
            break;
          case "키우던 개":
            alert("동물을 애정하시는군요");
            break;
          case "친구":
            alert("친구가 그렇게 좋으세요?");
            break;
        }
      });
    </script>
  </body>

profile
공부 기록 공간 🎈💻

0개의 댓글

관련 채용 정보