본문 바로가기
Javascript

조건문

by 코터틀 2022. 7. 25.
반응형

조건문

조건문은 주어진 조건식의 결과에 따라 별도의 명령을 수행하도록 제어하는 명령문입니다.
조건문 중에서도 가장 기본이 되는 명령문은 바로 if 문입니다.

if문

if(조건식){
    실행문
}

if 문은 조건식의 결과가 참(true)이면 주어진 명령문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.

예제

<!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) {
                comment = 'HTML' + ' 40점 미만 불합격';
            } else if (css < 40) {
                comment = 'CSS' + ' 40점 미만 불합격';
            } else if (javascript < 40) {
                comment = 'JAVASCRIPT' + ' 40점 미만 불합격';
            } else {
                comment = '평균' + avg + '점 합격';
            }
        } else {
            comment = '평균' + avg + '점 불합격';
        }
        document.write(comment);
    </script>
</head>
<body>
</body>
</html>

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

결과 확인하기
평균 90점 합격
평균 59점 불합격

switch문

switch 문은 if / else 문과 마찬가지로 주어진 조건 값의 결과에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문입니다.
이러한 switch 문은 if / else 문보다 가독성이 더 좋으며, 컴파일러가 최적화를 쉽게 할 수 있어 속도 또한 빠른 편입니다.

예제

<!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>
결과 확인하기
아동: 입장료 무료
청소년: 입장료 2,000원
성인: 입장료, 5,000원
반응형

'Javascript' 카테고리의 다른 글

지역변수/전역변수  (10) 2022.07.28
함수  (11) 2022.07.26
데이터 타입  (8) 2022.07.25
반복문  (12) 2022.07.21
연산자  (14) 2022.07.20

댓글


광고 준비중입니다.