01. 데이터 이펙트 : 1부터 100까지 출력하기

for문에 증감 연산자를 사용하여 1-100까지 출력하는 예제입니다.

{
    for(i=1; i<=100; i++){    //반복문 for문 설정
        console.log(i);
    };
}
결과 확인하기 1
2
3


100

02. 데이터 이펙트 : 1부터 100까지 출력하기

for문에 증감 연산자를 사용하여 0-50까지 출력하는 예제입니다.

{
    for(i=0; i<=50; i++){
        console.log(i);  //초기값을 0으로 설정하고 1씩 증가시켜서 50까지 출력하였습니다.
    };
}
결과 확인하기 0
1
2
3


50

03. 데이터 이펙트 : 1부터 100까지 짝수만 출력하기

for문에 증감 연산자를 사용하여 1-100까지 짝수만 출력하는 예제입니다.

{
    for(i=0; i<=100; i+=2){
        console.log(i);  // 초기 값을 0으로 설정하고 2씩 증가시켜서 짝수만 출력하였습니다.
    };
}
결과 확인하기 2
4
6


100

04. 데이터 이펙트 : 1부터 100까지 5의 배수 출력하기

for문에 증감 연산자와 if문을 사용하여 1-100까지 5의 배수만 출력하는 예제입니다.

{
    // 1. for문에 증감연사자를 사용하여 5의 배수만 출력하는 예제입니다.
    for(i=0; i<=100; i+=5){
        console.log(i);  // 초기값을 0으로 설정하고 5씩 증가시켜서 5의 배수만 출력하였습니다.
    }; 

    // 2. if문을 이용해서 1-100까지 5의 배수만 출력하는 예제입니다.
    for(i=0; i<=100; i++){
        if(i % 5 == 0){
            console.log(i);  //초기값을 0으로 설정하고 i를 100까지 1씩 증가시키고 
        };                        //5로 나눈 후에 나머지의 값이 0이면 출력하는 예제입니다.
    }; 
}
결과 확인하기

결과값 1

5
10
15


100

결과값 2

5
10
15


100

05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기

1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하는 예제입니다.

{
    for(i=1; i"< 100; i++){
        if(i%2 == 0){
        document.write("< span style='color:blue' > "+i+"</span>");
        };       //  i 를 2로 나눈 값이 0 이면(즉 짝수이면) 파란색으로 나타낸다.
        if(i%2 == 1){
            document.write("< span style='color:red' > "+i+"</span>");
        };       //  i 를 2로 나눈 값이 1 이면(즉 홀수이면) 빨간색으로 나타낸다.
    }
}
결과 확인하기

1

2

3

4




99

100

06. 데이터 이펙트 : 1부터 100까지 합 구하기

1부터 100까지의 합을 출력하는 예제입니다.

{
    let sum = 0;
    for(i=1; i<101; i++){
        sum += i;
    }
    document.write(sum);   
}
결과 확인하기

07. 데이터 이펙트 : for()문을 이용하여 테이블 만들기

for()문을 이용하여 10*10테이블을 출력하는 예제입니다.

{
    let table = "< table border='1'>";
            
    for(let i=1; i<=10; i++){
        table +="<tr>";

        for(let j=1;j<=10;j++){
        table +="<td>"+j+"</td>";
        };

        table +="</tr>";
    };    
    table += "</table>";    

    document.write(table);
}
결과 확인하기

08. 데이터 이펙트 : 중첩 for()문을 이용하여 구구단 만들기

for()문을 이용하여 구구단을 출력하는 예제입니다.

{
    for(let i=2; i<=9; i++){
        document.write(i+"단","<br>");

        for(let j=1; j<=9; j++){
            document.write(i + " * " + j +"="+ i*j);
            document.write("<br>");
        };
        document.write("<br>");
    };
}
결과 확인하기

09. 데이터 이펙트 : 테이블 25칸(짝수:빨간색, 홀수 파란색)

테이블 25칸(짝수:빨간색, 홀수 파란색)을 출력하는 예제입니다.

{
    let table = "<table border='1'>";
    let count = 0;
    for(let i=0; i<5; i++){
        table += "<tr>";
        for(let j=0; j<5; j++){
            count++;
            if(count %  2 == 0){
                table += "<td style='color:red'>"+count+"</td>";
            }else {
                table += "<td style='color:blue'>"+count+"</td>";
            };
        };
        table += "</tr>";
    };
    table += "</table>";
    document.write(table);
}
결과 확인하기

10. 데이터 이펙트 : 테이블 25칸(3의 배수만 나오고 5의 배수는 파란색)

테이블 25칸(3의 배수만 나오고 5의 배수는 파란색)을 출력하는 예제입니다.

{
    let table = "<table border='1'>";
    let count = 0;
    for(let i=0; i<5; i++){
        table += "<tr>";
        for(let j=0; j<5; j++){
            count+=3;
            if(count %  5 == 0){
                table += "<td style='color:red'>"+count+"</td>";
            }else {
                table += "<td style='color:blue'>"+count+"</td>";
            };
        };
        table += "</tr>";
    };
    table += "</table>";
    document.write(table);
}
결과 확인하기

11. 데이터 이펙트 : 배열 데이터에서 10보다 큰 수 찾기

배열에서 10보다 큰 수를 찾아 출력하는 예제입니다.

{
    const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17 ,19];

    document.write("10보다 큰 숫자 찾기");
    document.write("결과 :");

    for(let i=0; i<=arr.length; i++){   //arr.length란 arr배열의 요소 갯수를 뜻합니다.
        if(arr[i] > 10){
            document.write(arr[i] + " ");
        };
    };
}
결과 확인하기