본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 다중 if문

다중 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>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기