본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] while문

while문

반복되는 부분을 실행할 때 사용하는 제어문입니다.

while문

while문은 조건식에 만족할 때까지 반복적으로 실행하는 반복문입니다. 조건식을 검사하고 만족하면 실행문을 실행하고 증감식을 실행합니다.

var 변수 = 초깃값;
while (조건식){
    실행문;
    증감식;
}

Sample1

while문을 이용한 예제입니다.

html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Javascript</title>
    <script>
        //100보다 작은 수 출력하기
        let num = 0;        //초깃값 설정
        while( num < 100 ){
            num++;   
            document.write(num);
        }
        document.write("<br><br>");

        //100보다 작은 수 출력하기
        let num2 = 0;      
        while( true ){
            if( num2 > 100 ){
                break;
            }
            num2++;   
            document.write(num2);
        }
        document.write("<br><br>");

        //100보다 작은 수에서 짝수만 출력하기
        let num3 = 1;
        while( num3 <= 100 ){
            if( num3 % 2 == 0 ){
                document.write( num3);
            }
            num3++;
        }
        document.write("<br><br>");

        //100보다 작은 수에서 4의 배수와 6의 배수의 출력하기
        let num4 = 1;
        while (num4 <= 100){
            if( num4 % 4 == 0 || num4 % 6 == 0 ){
                document.write( num4 );
            }
            num4++;
        }
        document.write("<br><br>");

        //1~100까지 짝수는 파란색으로 홀수는 빨간색으로 출력하세요~
        let num5 = 1;
        while (num5 <= 100){
            if(num5 % 2 == 0){
                document.write("<span style='color:blue'>"+num5+"</span>")
            } else {
                document.write("<span style='color:red'>"+num5+"</span>")
            }
            num5++;
        }
    </script>
</head>
<body>
    
</body>
</html> 

더보기

인스타그램 보기 바로가기

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

유튜브 영상보기 바로가기