다중 if문
여러가지 조건에 따라 조건문을 설정합니다. 조건에 계속 설정할 수 있으며 마지막에는 조건식을 쓰지 않습니다.
다중 if문
if (조건식1) {
//참일 때 실행 코드
} else if (조건식2) {
//앞 조건이 거짓일 때 실행 코드
} else if (조건식2) {
//앞 조건이 거짓일 때 실행 코드
} else if (조건식3) {
//앞 조건이 거짓일 때 실행 코드
} else {
//앞의 모든 조건이 거짓일 때 실행 코드
}
Sample1 
다중 if문을 이용한 심리테스트 예제입니다.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
var food = prompt("다음 중 가장 먹고 싶은 음식은? 1.카레 2.레몬 3.팝콘 4.커피 5.초코릿");
if(food == "카레"){
document.write("매콤한 음식을 고른 당신은 사람에게 첫눈에 반하기보다는 서서히 사랑에 빠지는 스타일입니다.");
} else if(food == "레몬"){
document.write("새콤한 과일을 고른 당신은 쉽게 마음을 열고 또 쉽게 사람을 믿는 스타일입니다.");
} else if(food == "팝콘"){
document.write("짭짭할고 고소한 팝콘을 고른 당신은 오래 알고 지낸 사람들에게서 보이는 의외에 모습에 약한 스타일입니다.");
} else if(food == "커피"){
document.write("쌉싸름한 커피를 고른 당신은 사랑에 누구보다 적극적인 스타일입니다.");
} else if(food == "초코릿"){
document.write("달콤한 초코릿을 선택한 당신은 금방 사랑에 빠지는 스타일입니다.");
} else {
document.write("해당과일이 없습니다.");
}
</script>
</head>
<body>
</body>
</html>
Sample2
다중 if문을 예제입니다.
html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>javascript</title>
<script>
//숫자 크기
let num = 300;
if( num > 0 && num < 101 ){
document.write("숫자는 0보다 크거나 101보다 작습니다.<br><br>");
} else if( num > 101 && num < 201 ){
document.write("숫자는 101보다 크거나 201보다 작습니다.<br><br>");
} else {
document.write("숫자는 201보다 큽니다.<br><br>");
}
//짝수 홀수 구하기
let num2 = prompt("숫자를 적어주세요!!","");
if ( num2 % 2 == 0 ){
document.write("짝수입니다. <br><br>");
} else if ( num2 % 2 == 1 ) {
document.write("홀수입니다. <br><br>");
} else {
document.write("숫자를 쓰세요~ <br><br>")
}
//아이디 비밀번호
let userID = prompt("아이디를 입력하세요","");
let userPW = prompt("비밀번호를 입력하세요~","");
if( userID == "webstoryboy" && userPW == "1234"){
document.write("환영합니다.<br><br>");
} else if( userID == "webstoryboy" ) {
document.write("비밀번호가 틀렸습니다.<br><br>");
} else if( userPW == "1234" ) {
document.write("아이디가 틀렸습니다.<br><br>");
} else {
document.write("아이디 또는 비밀번호가 틀렸습니다.");
}
</script>
</head>
<body>
</body>
</html>
