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

for문을 이용해서 1-100까지 출력하는 예제입니다.
++ 연산자는 변수의 값을 1씩 증가시킵니다. 

for(let i=1; i<=100; i++){ //반복문 for문
        console.log(i); //초기값을 1을 설정하고 1씩 증가시켜서 100번 반복함
}

// 결과값 : 1,2,3,4,5,6~~100

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

for문을 이용해서 0부터 50까지 출력하는 예제입니다.

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

// 결과값 : 0,1,2,3,4,5~~50

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

for문을 이용해서 0부터 100까지 짝수만 출력하는 예제입니다.

for(let i=0; i<=100; i+2){
        console.log(i); //초기값을 0을 설정하고 2씩 증가시켜서 짝수만 나오도록 반복함. 
}

//증감 연산자를 이용해 2씩 증가시킴
//i+=2는 i = i + 2와 같음

// 결과값 : 0,2,4,6,8~~100

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

for문을 이용해서 1부터 100까지 5의 배수/2의 배수만 출력하는 예제입니다.
증감 연산자와 조건문인 if()문을 이용해 출력할 수 있습니다.하지만 증감 연산자를 이용하는게 더 간단합니다. 

//증감 연산자를 이용한 방법

for(let i=0; i<=100; i+=5){
        console.log(i); //초기값을 0으로 설정하고 5씩 증가시켜서 1부터 100까지 5의 배수만 나오도록 반복함. 
}

// 결과값 : 5,10,15,20,25~~100

//if문을 이용한 방법

for(let i=1; i<=100; i++){
    if(i % 2 == 0){
        cosole.log(i);  //증감 연산자가 아닌 %연산자를 이용하여 나머지가 0이면 짝수가 출력됨.
    }
}

// 결과값 : 2,4,6,8,10~~100

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

for()문과 if()문을 이용해 1부터 100까지 짝수(파란색) 홀수(빨간색)를 출력하는 예제입니다.
if()문에서 % 연산자를 쓰고 나머지가 0이면 짝수가, 1이면 홀수가 출력됩니다. 

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,2,3,4,5~~100 (홀수는 빨간색, 짝수는 파란색으로 출력됨.)

06. 데이터 이펙트 : 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);

//결과값: 10*10 테이블이 출력됨.

07. 데이터 이펙트 : 중첩 for문을 이용해서 구구단 만들기

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

for(let i=2; i<=9; i++){    //i의 초기값을 2로 지정하고 9번 반복함.
    document.write(i + "단","<br>");

    for(let j=1; j<=9; j++){     //j의 초기값을 1로 지정하고 9번 반복함.
        document.write(i + "*" + j + "=" + i*j);
        document.write("<br>");
    }
    
    document.write("<br><br>");
}

//결과값: 2단부터 9단까지의 구구단이 출력됨.

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

for문과 if문을 이용해 테이블을 짜는 예제입니다.

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);

//결과값: 25칸 테이블(홀수: 파란색, 짝수: 빨간색)이 만들어짐

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

for문과 if문을 이용해 테이블을 짜는 예제입니다.

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

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

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

document.write(table);

// 결과값: 25칸 테이블(3의 배수(5의 배수는 빨간색))이 만들어짐

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

for문과 if문을 이용해 주어진 배열 데이터에서 10보다 큰 수를 찾는 예제입니다. 

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

// 결과값: 11,13,15,17,19

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

for문과 이용해 1부터 100까지의 합을 구하는 예제입니다.

let num = 0;

for(let i=1; <=100; i++){
    num += i;
}

document.write(num);
    
// 결과값: 5050