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

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

for(let i=1; i<=100; i++) { //반복문 for문
    console.log(i); 
}
결과 확인하기 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,2,3,4,5,6,7,8 ~ 50

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

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

for(let i=0; i<100; i+=2) { //반복문 for문
    if(i%2 === 0){
        console.log(i); //값을 0부터 100까지 설정하고. 그 중에서 짝수만 출력 하는 중
    }
}
결과 확인하기 0,2,4,6,8,10 ~ 100

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

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

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

// if문을 이용한 방법
for(let i=1; i<100; i++){
    if(i % 2 == 0){     // % 연산자를 이용하여 나머지가 0이면 짝수를 의미한다.
        console.log(i)
    }
}
결과 확인하기 5,10,15,20,25,30 ~ 100

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

for문을 이용해서 짝수에는 파란색, 홀수에는 빨간색으로 출력하는 코드입니다.

for(let i=1; i<100; i++){
    if(i % 2 == 0){
        document.write("<span style='color:blue'>"+i+"</span>");
    }
    else if(i % 2 == 1) {
        document.write("<span style='color:red'>"+i+"</span>");
    }
}
결과 확인하기 짝수는 파란색 / 홀수는 빨간색으로 나옵니다.
(i%2===0은 짝수 / i%2===1은 홀수)

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

for문을 이용하여 table을 생성하는 코드입니다.

{
let table = "<table border='1'>";

for(let i=1; i<=5; i++){
    table += "<tr>";

    for(let j=1; j<=5; j++){
        table += "<td>" + j;
        table += "</td>";
    }
    
    table += "</tr>";
}
table += "</table>";
document.write(table);
            
// for문과 table태그를 사용
// for문으로 테이블 태그를 생성하여 화면에 출력합니다. 
// 결과값 : 짝수는 파란색, 홀수는 빨간색으로 나옵니다.
결과 확인하기 짝수는 파란색, 홀수는 빨간색으로 나옵니다.
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5

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

for문을 이용하여 구구단을 만드는 코드입니다.

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

    for(let j=1; j<=9; j++){
        document.write(i + "*" + j + "=" + (i*j));
        document.write("
");
    }
    document.write("
");
}
결과 확인하기 2단
2*1=2
2*2=4
2*3=6
2*4=8
2*5=10
2*6=12
2*7=14
2*8=16
2*9=18
3단
3*1=2
3*2=4
3*3=6
3*4=8
3*5=10
3*6=12
3*7=14
3*8=16
3*9=18
4단
4*1=2
4*2=4
4*3=6
4*4=8
4*5=10
4*6=12
4*7=14
4*8=16
4*9=18
5단
5*1=2
5*2=4
5*3=6
5*4=8
5*5=10
5*6=12
5*7=14
5*8=16
5*9=18
6단
6*1=2
6*2=4
6*3=6
6*4=8
6*5=10
6*6=12
6*7=14
6*8=16
6*9=18
7단
7*1=2
7*2=4
7*3=6
7*4=8
7*5=10
7*6=12
7*7=14
7*8=16
7*9=18
8단
8*1=2
8*2=4
8*3=6
8*4=8
8*5=10
8*6=12
8*7=14
8*8=16
8*9=18
9단
9*1=2
9*2=4
9*3=6
9*4=8
9*5=10
9*6=12
9*7=14
9*8=16
9*9=18

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

중첩 for문, if문을 이용해서 테이블 25칸(짝수:빨간색, 홀수:파란색) 만들기 예제입니다.

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

for(let i=0; i<5; i++){
    table += "";

    for(let j=0; j<5; j++){
        num++;

        if(num%2 === 0){
            table += "<td style='color:red'>" + num + "</td>";
        }
        else {
            table += "<td style='color:blue">" + num + "</td>";
        }
    };
    table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기 짝수는 파란색, 홀수는 빨간색으로 나옵니다.
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5

09. 데이터 이펙트 : 배열 데이터에서 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]);
    }
}
결과 확인하기 11, 13, 15, 17, 19

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

for문을 이용해서 1부터 더하는 예제입니다.

{
    let num = 0;

    for(let i=1; i<=100; i++){
        num += i;
    }
    document.write(num);
}
결과 확인하기 5050