---
description: while 문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다.
---

# while문

### while문

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

#### 1부터 100까지 출력

```javascript
let i = 1;
while(i <= 100){
    document.write(i + ". 실행되었습니다.<br>");  // 실행문
    i++;   // 증감식 1씩 증가
}
```

#### 5부터 50까지 출력

```javascript
let s = 5;
while(s <= 50){
    document.write(s + ". 실행되었습니다.<br>");
    s++;
}
```

#### 1부터 100까지 짝수 출력 (if문 사용)

```javascript
let num = 1;

while(num <= 100){
    if(num % 2 ==0){
        document.write(num + ". 실행되었습니다.<br>");
    }
     num++;
}
```

#### 1부터 100까지 4의 배수 출력

```javascript
let num1 = 1;

while(num1 <= 100){
    if(num1 % 4 == 0 ){       // 4의 배수 공식
        document.write(num1 + ". 실행되었습니다.<br>");
    }
    num1++;
}
```

#### 1부터 100까지 4의 배수와 6의 배수 출력

```javascript
let num2 = 1;
while(num2 <= 100){                      // && 사용시 중복결과값만 출력
    if(num2 % 4 == 0 || num2 % 6 == 0){  // 두가지 배수 사용할 때 || 사용
        document.write(num2 + ". 실행되었습니다.<br>");
    }
    num2++;
}
```

#### 1부터 100까지 짝수는 파란색 홀수는 빨간색 출력

```javascript
let num3 = 1;
while(num3 <= 100){
    if(num3 % 2 == 0){
        //짝수
        document.write("<span style = 'color:blue'>"+num3+". 실행되었습니다.<br></span>");
    } else {
        //홀수
        document.write("<span style = 'color:red'>"+num3+". 실행되었습니다.<br></span>");
    }
    num3++;
}
```
