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

for문을 이용해서 1~100까지 출력하는

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

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

for문을 이용해서 0~50까지 출력합니다.

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

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

for문을 이용해서 0~100까지 짝수만 출력합니다.

for(let i=0; i<=100; i+=2){  //(i= i+2)반복문 for은 초기값을 0을 설정하고 2씩증가 시켜 100까지 계산
    console.log(i);   
}
결과 확인하기

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

for문을 이용해서 0~100까지 5의 배수를 출력합니다. 조건문인 if문과 증감연산자를 이용하는 방법이 있습니다.

for(let i=0; i<=100; i+=5){  //(i= i+5)반복문 for은 초기값을 0을 설정하고 5씩증가 시켜 100까지 계산
    console.log(i);   
}  

for(let i=1; i<=100; i++){   //if문을 이용한 방법 
    if(i % 5 == 0){            //%연산자는 5나누기i의 나머지값이 0과 같을때 출력한다.
        console.log(i);
    }
}
결과보기
증감 연산자 결과값: 0,5,10,15,20, 25... 95, 100 #0이붙은다
if문 연산자 결과값: 5,10,15,20, 25... 95, 100 #0이안붙는다

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

for문과 if문을 이용하여 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>");
    }
}
결과 확인하기

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

1부터 100까지의 합을 구합니다.

let num = 0;
        
for(let i=0; i<=100; 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);
결과 확인하기

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>");
}
결과 확인하기

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

테이블 25칸에 순서대로 번호가 붙고 짝수는 빨간색 홀수는 파란색으로 만드는 방법 입니다.

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++;
        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의 배수는 빨간색))

for문과 if을 이용해 테이블 25칸(3의 배수(5의 배수는 빨간색))을 만들었습니다.

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

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]);
    }
}
결과 확인하기