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

for문을 써서 1부터 100까지의 값을 출력하는 방법입니다.

for(let i=1; i<=100; i++){ 
            console.log(i) 
}  
    // 반복문 for문
    // 1,2,3 ~ 100

02. 데이터 이펙트 : 0부터 50까지 출력하기

for문을 써서 0부터 50까지의 값을 출력하는 방법입니다.

for(let i=0; i<=50; i++){
            console.log(i) 
}
    // 초기값을 0으로 설정하고 1씩 증가시켜서 50번을 반복 
    // 0,1,2 ~ 50

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

for문을 써서 1부터 100까지 중에서 짝수 값을 출력하는 방법입니다.

for(let i=0; i<=100; i+=2){ 
            console.log(i)  
}
    // 1부터 시작하는 경우에는 홀수가 출력되므로, 0부터 시작해야 함
    // i = i + 2 (0부터 2씩 더한 값이 출력됨)
    // 2,4,6 ~ 100

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

for문을 써서 1부터 100까지 5의 배수 값을 출력하는 방법입니다.

for(let i=0; i<=100; i+=5){ 
            console.log(i)  
}
    // i = i + 5 (0부터 5씩 더한 값이 출력됨)
    // 5, 10, 15, 20, 25, 30 ~ 100

for(let i =1; i<=100; i++){ 
        if( i % 5 == 0){ // i는 5를 나눈 나머지값으로 조건을 정해준 것임.
        console.log(i)
        }  
}
    // 5의 배수만 나눴을 때 나머지 값이 0이기 때문에 5의 배수만 출력됨.
    // 5,10,15 ~100

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

for문과 if문을 이용한 짝수와 홀수를 출력하는 방법입니다.

for(let i=1; i<100; i++){
    if(i % 2 == 0 ){
        document.write("<span style='color:blue'>"+i+"</span>") 
    }
    if(i % 2 == 1 ){
        document.write("<span style='color:red'>"+i+"</span>")
    }
}   
    // 1부터 99까지 짝수 (파란색)/ 홀수 (빨간색) 출력

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

for문과 sum을 이용해서 1부터 100까지의 합을 출력하는 방법입니다.

let sum = 0;
    for(let i = 1; i >=100; i++){
        sum = sum + i;
    }
    document.write(sum);
    // 5050

07. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기

for문을 이용해서 100칸 테이블을 만드는 방법입니다.

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><br>");
}   
    // 2단 
    // 2*1 =2 
    // 2*2 =4 
    // 2*3 =6 
    // ~ 
    // 2*9 =18
    
    // 3단
    // 3*1 =3 
    // 3*2 =6 
    // 3*3 =9 
    // ~ 
    // 3*9 =27
    
    // ~ 
    
    // 9단
    // 9*1 =9 
    // 9*2 =18 
    // 9*3 =27 
    // ~ 
    // 9*9 =81

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

for문과 if문을 이용한 1~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)
    // 1부터 25까지 짝수 (파란색)/ 홀수 (빨간색) 출력

10. 데이터 이펙트 : 테이블 25칸(3의 배수(5의 배수는 빨간색)) 만들기

for문과 if문을 이용해서 3의 배수를 출력하는데, 그 중에서 5의 배수는 빨강색으로 출력하는 방법입니다.

let table = "<table border='1'>";
    let count = 0;

    for(let i=1; i<=5; i++){
        table += "<tr>";
        for(let j=1; j<=5; j++){
            count += 3;
            if(count % 5 == 0){
                table += "<td style='color:red'>"+count+"</td>";
            } else { 
                table += "<td>"+count+"</td>";                    
            } 
        }
        table += "</tr>";
    }            
    table += "</table>";

    document.write(table)
    // 3부터 75까지의 숫자 중 5의 배수는 빨간색으로 출력

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

배열 안에 있는 수들 중에서 10보다 큰 수를 출력하는 방법입니다.

const arr = [1, 3, 5, 7, 9, 10, 11, 13, 15, 17, 19]
    for(let i=[0]; i<arr.length; i++){
            if(arr[i]>10){
                document.write(arr[i]);
            }       
       }

    // for문을 이용해서 1부터 99까지 짝수 (파란색)/ 홀수 (빨간색) 출력