Front-End/1. JavaScript 기초
[JS] Ex10_다중if.html
이뮨01
2023. 6. 13. 17:18
다중 if, else if, switch문을 배우다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/* ARS 프로그램을 제작해보자! - 다중 if문 사용
처리할 로직이 3개 이상일 때
- 사용자에게 숫자를 입력 받는다.
"이용하실 서비스를 입력해주세요 ([1] 강의 조회 [2] 수강신청 [3] 상담원 연결) "
조건1) 사용자가 1을 입력 시, "강의 조회"
조건2) 사용자가 2를 입력 시, "수강 신청"
조건3) 사용자가 3을 입력 시, "상담원 연결"
조건4) 사용자가 그 외 입력 시, "잘못 입력하셨습니다."
*/
let userNum = prompt("이용하실 서비스를 입력해주세요. ([1] 강의 조회 [2] 수강신청 [3] 상담원 연결)")
// Case1) 다중 if 문
// if(userNum == 1){
// alert("강의 조회")
// }
// else if(userNum == 2){
// alert("수강 신청")
// }
// else if(userNum == 3){
// alert("상담원 연결")
// }
// else{
// alert("잘못 입력하셨습니다.🤬")
// }
// Case2) switch문
// swithch(조건의 대상){
// case "조건값1" : 로직 작성
// break;
// case "조건값2" : 로직 작성
// break;
// default : 로직 작성 (else라고 생각 break 생략)
// }
switch(userNum){
case "1" : alert("강의 조회");
break;
case "2" : alert("수강 신청");
break;
case "3" : alert("상담원 연결중..");
break;
default : alert("잘못 입력하셨습니다.👀")
}
</script>
</body>
</html>
조건이 여러 개일 때 사용하는 다중 if 문은 if와 else사이에 else if를 사용해서 조건문을 여러 개로 추가할 수 있다.
switch문은 else if문을 사용하는 것처럼 여러가지 조건이 있을 때 사용하며 else의 역할을 하는 default로 마무리해준다.
switch문의 각 case가 끝나면 break를 해주어야 한다.