javascript

01. 1부터 100까지 출력하기

for문을 1부터 100까지 출력하는 예제입니다.

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

    console.log(i)
    }
}    

02. 0부터 50까지 출력하기

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

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

03. 1부터 100까지 짝수만 출력하기

for문을 짝수만 출력하는 형식입니다. (i+=2)는 i = i + 2 의 약식입니다.

{
    for(let i=0; i <=100; i+=2){

    console.log(i)
    }    
}

04. 1부터 100까지 5배수만 출력하기

for문을 1부터 100까지 5배수만 출력하는 예제로 i+=5값을 넣어줍니다.

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

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

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

for문과 if문을 이용한 짝수 홀수 출력하는 방법입니다.

{
    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. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기

중첩 for()문을 이용한 테이블만들기 예제입니다.

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

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

for문과 if문을 이용한 구구단을 출력하는 방법입니다.

{
    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칸(짝수:빨간색, 홀수:파란색)

중첩 for문 if문을 이용해서 테이블 25칸만들기 예제입니다.

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

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

for문과 if문을 이용한 구구단을 출력하는 방법입니다.

    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 += 3;
                  if(num % 5 == 0){
                       table += "<td style='color:red'>" + num + "</td>"
                  } else {
                       table += "<td>" + num + "</td>"
                  }
             }
             table += "</tr>"
        }
        table += "</table>"
        document.write(table);

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

반복문과 조건문으로 조건에 맞는 값 배열에서 출력하기

{
    const arr = [1,3,5,7,9,11,13,15,17,19]

    for(let i=0; i<arr.length; i++){
        if(arr[i] >= 10){
            document.write(arr[i]);
            }   
    }
}