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

for문을 이용해서 1-100까지 출력하는 예제입니다.

for(let i=1; i<=100; i++){
console.log(i)}

// 결과 값 1,2,3,4,5,6,~~~100
// i=1 i는 1부터 100까지 값을 출력 i는 +1씩 증가

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

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

for(let i=0; i<=50; i++){    
console.log(i)}

//결과 값 1,2,3,4,5,~50 까지
//i=0 i는 0부터 50까지 값을 출력 가능하며 i는 +1씩 증가합니다.

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

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

for(let i=0; i<=100; i+=2){     // i+2 i가 2씩 증가
console.log(i)}

//결과값 2,4,6,~100
//증감 연산자를 이용 
//i는 0부터 100까지 값을 출력하며 1씩이 아닌2씩 증가하여 배수로만 값이 출력 됩니다.

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

for문을 이용해서 1-100까지 5의 배수만 출력하는 예제입니다.

//증감 연산자 이용 방법
for(let i=1; i<=100; i+=5){       
console.log(i)}

//결과값 5,10,15,20~100 
//i는 1부터 100까지 값을 출력하며 i는 5씩 증가하여 5의 배수 값으로 출력 됩니다.

// if문을 이용한 방법 (1)
for(let i=1; i<=100; i++){
    if(alert("50이다"));}

//1부터 100까지 값이 뜨는데 값이 50일 때 경고문이 뜹니다.

// if문을 이용한 방법 (2)
for(let i=1; i<=100; i++){
if( i % 5 == 0)}   //5의 배수 구하는 방법 5를 1로 나누면 0이 되므로 배수가 됩니다.
console.log(i)}

//i는 1부터 100까지의 값을 출력하며 5의 배수가 뜹니다.

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

1부터 100까지까지 짝수는 파란색 홀수는 빨간색으로 출력합니다.

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-100까지 짝수는 파란색 홀수는 빨간색이 뜹니다. 
}

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

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

let num = 0;
for(let i=1; i<=100; i++){
    num = num + i  //num은 i씩 증가된다  
}
document.write(num);
//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); 

//1부터 100까지 써있는 100칸짜리 표가 만들어집니다.

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단부터 9단까지 구구단이 나옵니다.
// i=2, *=곱하기 ,j=1 2*1=2는 결국 i*j

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

중첩 for문을 이용해서 테이블 25칸과 짝수 빨간색 홀수 파란색 만드는 문제입니다.

let table = "<table border ='1'>"   // 1.테이블 border값을 1로 설정합니다.
        let num = 1;

            for (let i=1; i<=5; i++){   
                table += "<tr>";
                for(let j=1; j<=5; j++){
                    if(j % 2 ==0) {
                        table+="<td style='color:red'>"+num+"</td>";
                    }else {
                        table+="<td style='color:blue'>"+num+"</td>";
                    }
                    num++ 
                }
                table += "</tr>"
            }
            table += "</table>"; //2.
            document.write(table);

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

8번을 이용하여 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>" + count + "</td>";
}                  
}
table += "</tr>";
}
table += "</table>";


document.write(table);

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

배열 데이터에서 10보다 큰 수 찾는 문제 입니다.

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