응용 예제 : elseif 조건문 태어난 연도를 입력받아 띠를 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const rawInput = prompt('태어난 해를 입력해주세요.', '');
const year = Number(rawInput);
const e = year % 12;
switch(e) {
case 0:
result = '원숭이';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 1:
result = '닭';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 2:
result = '개';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 3:
result = '돼지';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 4:
result = '쥐';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 5:
result = '소';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 6:
result = '호랑이';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 7:
result = '토끼';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 8:
result = '용';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 9:
result = '뱀';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 10:
result = '말';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
case 11:
result = '양';
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
break;
}
좀더 간단하게 하는 코드
let result;
if (e === 0) {
result = '원숭이';
}
else if (e === 1) {
result = '닭';
}
else if (e === 2) {
result = '개';
}
else if (e === 3) {
result = '돼지';
}
else if (e === 4) {
result = '쥐';
}
else if (e === 5) {
result = '소';
}
else if (e === 6) {
result = '호랑이';
}
else if (e === 7) {
result = '토끼';
}
else if (e === 8) {
result = '용';
}
else if (e === 9) {
result = '뱀';
}
else if (e === 10) {
result = '말';
}
else if (e === 11) {
result = '양';
}
alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
</script>
</body>
</html>