자바스크립트 데이터 이펙트

데이터 이펙트 Quiz

자바스크립트 데이터 이펙트 퀴즈를 풀어보겠습니다.

답 확인하기를 클릭하면 링크에 답이 나옵니다!!

 

1. 데이터 이펙트 : 1부터 100까지 출력하기(for문 이용)

for(let i=1; i<=100; i++){
    document.write(i)
}

답 확인하기

 

2. 데이터 이펙트 : 0부터 50까지 출력하기(for문 이용)

for(let i=0; i<=50; i++){
    document.write(i);
}

답 확인하기

 

3. 데이터 이펙트 : 1부터 100까지 짝수만 출력하기(if문 이용x)

for(let i=0; i<=100; i+=2){
    document.write(i)
}

답 확인하기

 

4. 데이터 이펙트 : 1부터 100까지 5의 배수 출력하기(if문 이용)

for(let i=1; i<=100; i++){
    if(i % 5 == 0){
        document.write(i)
    }
}

답 확인하기

 

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

for(let i=1; i<=100; i++){
    if(i % 2 == 0){
        document.write("<span style='color:blue'>" + i + "</span>")
    } else {
        document.write("<span style='color:red'>" + i + "</span>")
    }
}

답 확인하기

 

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

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

    for(let j=1; j<=5; j++){
        table+= "<td>" + j + "</td>";
    }

    table += "</tr>";
}

table += "</table>";

document.write(table);

답 확인하기

 

7. 데이터 이펙트 : 중첩 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>");
}

답 확인하기

 

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

let table = "<table border='1'>";
let num = 0;
    
for(let i=1; i<=5; i++){
    table += "<tr>";
    for(let j=1; 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);

답 확인하기

 

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

let table = "<table border='1'>";
let num = 0;
  
for(let i=1; i<=5; i++){
    table += "<tr>";
    for(let j=1; 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<100){
            table += "<td>" + sum + "</td>"
        } else {
        };      
    };
    table += "</tr>";
};

table += "</table>";

document.write(table);

답 확인하기