본문 바로가기
JAVASCRIPT

JAVASCRIPT | 조건문이란?

by 코딩하자9 2022. 7. 26.
728x90

조건문

조건문(conditional statements)이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문을 말합니다.


if 문

1. if 문의 형식

<!DOCTYPE HTML>
<html lang="ko">
<head>
        <meta charset="UTF-8">
        <title>if 문</title>
        <script>
                var age = prompt('나이입력','');
                var admissionFee = '';
                if (age<13||age>=65) {
                    admissionFee = '2,000원';
                } else if (age>=13 && age<20) {
                    admissionFee = '4,000원';
                } else {
                    admissionFee = '6,000원';
                }
                document.write(admissionFee);
        </script>
</head>
<body>
</body>
</html>

2. if 문은 if 문 안에 또 다른 if 문을 중첩하여 사용할 수 있습니다.

prompt()는 숫자로 입력한 데이터를 문자로 처리하기 때문에 '+'연산자를 사용할 경우 더하기 연산이 아닌 연결 연산이 됩니다.

<!DOCTYPE HTML>
<html lang="ko">
<head>
        <meta charset="UTF-8">
        <title>if 문</title>
        <script>
                var html = Number(prompt('html 점수입력',''));
                var css = Number(prompt('css 점수입력',''));
                var javascript = Number(prompt('javascript 점수입력',''));
                var avg = (html + css + javascript) / 3;
                var comment;
                if (avg>=60) {
                    if (html <40) {
                        comment = 'HTML'+'40점 미만 불합격';
                    } else if (css<40) {
                        comment = 'CSS'+'40점 미만 불합격';
                    } else if (javascript<40) {
                        'JAVASCRIPT'+'40점 미만 불합격';
                    } else {
                        comment = '평균'+avg+'점 합격'
                    }
                } else {
                    comment = '평균'+'avg'+'점 불합격';
                }
                document.write(comment);
        </script>
</head>
<body>
</body>
</html>

switch 문

switch(값)의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다. 특정조건에 만족 했을 때는 break 명령어가 있어야 블록{}을 빠져 나갈 수 있습니다. default는 switch의 값과 일치하는 값이 없을 때 실행합니다.

<!DOCTYPE HTML>
<html lang="ko">
<head>
        <meta charset="UTF-8">
        <title>switch 문</title>
        <script>
            var classification = prompt('아동, 청소년, 성인 중 선택 입력','');
            switch (classification) {
                case '아동';
                    classification += ':입장료 무료';
                    break;
                case '청소년';
                    classification += ':입장료 2,000원';
                    break;
                case '성인';
                    classification += ':입장료 5,000원';
                    break;
                default:
                    classification = '입력 값을 다시 확인하세요';
            }
            document.write(classification);
        </script>
</head>
<body>
</body>
</html>

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT | 함수  (8) 2022.07.26
JAVASCRIPT | 데이터 타입  (10) 2022.07.26
JAVASCRIPT | 반복문이란?  (6) 2022.07.26
JAVASCRIPT | 연산자  (13) 2022.07.20
JAVASCRIPT | 기본 규칙  (15) 2022.07.20

댓글


It's cording time

코딩 여기서 정리하고 배워보자구 :9

광고 준비중입니다.