if문같은 조건문이다
if문
은 다양한 조건식을 쓸 수 있는 반면 switch 문
은 변수 하나만 검사 가능하다
코드실행을 끝내고 싶으면 break를 추가해야 한다
추가하지 않으면 모든 조건문을 실행한다
let a = 2 + 5;
switch (a){
case 3 :
alert('변수가 3이네요');
break
case 4 :
alert('변수가 4네요');
break
default :
alert('다 아니네요')
}
default는 else와 같은 역할을 한다
<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>