본문 바로가기
JavaScript

조건문

by 코린이 박원장👶 2022. 7. 25.

조건문

특정 조건 만족 시(true) 실행하는 명령의 집합입니다.
조건문은 if문, switch문이 있습니다.


01_ if문

if문에는 3가지 형식이 있습니다.

1) 조건이 true 인 경우 실행문을 실행합니다.

if (조건식) {
     실행문;
}


2) 조건이 true 인 경우 실행문1을, false일 경우 실행문2를 실행합니다.

if (조건식) {
     실행문1;
} else {
    실행문2;
}


3) 조건1이 true일 경우 실행문1을, false일 경우 조건2를 비교하여 조건2가 true일 경우 실행문2를, 아닐경우 실행문3을 실행합니다.
(조건이 false일 경우 다음 조건식을 비교합니다.)

if (조건식) {
     실행문1;
} else if(조건식2) {
    실행문2;
}else {
실행문3;
}

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

if(조건식1){
    if(조건식2){
        실행문;
    }
}

<!DDOCTYPE HTML>
<html lang="ko">
<haed>
    <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) {
                commnet = 'JAVASCRIPT' + '40점 미만 불합격';
            } else {
                comment = '평균' + avg + '점 합격';
            }
        } else {
            comment = '평균' + 'avg' + '점 불합격';
        }
        documnet.write(commnet);
    </script>
</head>
<body>
</body>
</html>
결과보기
평균 90점 합격 / 평균 59점 불합격

02_ switch문

switch(값)의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다.
if문과 다르게 특정조건에 만족했을 때 블록{}을 스스로 빠져나가지 못하므로 break명령어를 주어 블록을 빠져 나가도록 합니다.

switch(값) {
    case값1 :
        실행문;
        break;
    case값2 :
        실행문;
        break;
    default :
        실행문;
}

<!DDOCTYPE HTML>
<html lang="ko">
<haed>
    <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원
728x90

'JavaScript' 카테고리의 다른 글

함수  (12) 2022.07.26
데이터 타입  (9) 2022.07.25
반복문  (15) 2022.07.21
연산자  (14) 2022.07.20
기본 규칙  (16) 2022.07.20

댓글


HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지