6일차 반복문

[손자병법]

For 반복문 기초 이론 학습.txt

3.56KB

1~10까지 숫자를 출력 하시오
1~100까지 짝수/홀수의 합
두 수를 입력 받아서 그 사이의 모든 숫자 합을 출력하시오
구구단 출력

let box;

window.xxxxonload = function () {

    // box = document.getElementById("bigBox").getElementsByTagName("li");

    // box = document.getElementsByTagName("li");

    // box = document.getElementsByClassName("box");

    // box = document.querySelector("#bigBox").getElementsByTagName("li");

    // box = document.querySelector("#bigBox").getElementsByClassName("box");

    // box = document.querySelectorAll(".box");

    box = document.querySelectorAll(".box");

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

        box[i].innerHTML = i;

        box[i].style.background = "url(img/img" + i + ".jpg)";

        box[i].style.backgroundSize = "100% 100%";

    }

}

문법-기초적인 코딩

반복문 : 단순한 작업을 여러 번 실행
for(var i = 1;    i <= 10;     i++) {
     //  초깃값;  조건식;      증감식 
            document.write("반복" + i , "<br>");
        }

for(i=1 ; i<=10 ; i++)
        document.write("<br> 눈이 왔어요 : "+ i) ;

다형성
"문자" + 숫자 = 문자와 숫자 연결

유명한 축구 감독 : 팀원 축구를 가르친다.
1. 달리기
2. 윗몸 일으키기
3. 역기, 아령
                  축구 좀 가르쳐 주세요 : 패스, 드로잉, 골킥
불만...
4강 진출 (2002년 월드컵)

기초를 열심히 가르쳤는데 : 학생들 왈 -재미없어요/ 지루해요
진도 나가주세요
진도를 나갔어요 : 포트폴리오 만드세요 -> 못 만들어(코딩을 못해요) 굿디자인이 없어요
                                                      -------------------------------------------------
해 본 적이 없다. (적다)
완존 초보 : 90%
진도 나가려고 학습이 아니고 실력 늘리려고 배운다

==========    실습 내용   ========================

let i;

window.xxxxonload=function() {

/*

    for(i=1; i<=10; i++)

        document.write("<br> 눈이 왔어요 : "+ i);

*/

/*

    // 1~100까지 숫자 출력

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

        document.write(" 번호 -" + i );

    if( i%10 === 0)

        document.write("<br>");

    }

*/

/*

    // 1~100까지 합계 출력

    let sum=0;  // 초기화 : 누적연산

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

        sum = sum + i;

    }

    document.write("1~100까지 합 : " + sum);

*/

/*

    // 1~100까지 짝수의 합계 출력

    let sum=0;  // 초기화 : 누적연산

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

        if(i%2 === 0)

            sum = sum + i;

    }

    document.write("1~100까지 짝수의 합 : " + sum);

*/

/*

// 1~100까지 짝수와 홀수의 합계 출력

    let even=0;  // 초기화 : 누적연산

    let odd=0;

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

        if(i%2 === 0)

            even+=i;  // even = even + i;

        else

            odd+=i;   // odd = odd + i;

    }

    document.write("1~100까지 짝수의 합 : " + even ) ;

    document.write("<br>1~100까지 홀수의 합 : " + odd ) ;

*/

/*

    // 구구단 (2단)출력

    for(i=1; i<=9; i++) {

        document.write("<br> 2 * " + i + " = " + 2*i );

    }

*/

/*

    // 구구단 (2단)출력을 div(박스) 안에 넣어라

    let box=document.querySelector(".box");

    let str="";

    for(i=1; i<=9; i++) {

        // str = str + "<br> 2 * " + i + " = " + 2*i ;

        str += "<br> 2 * " + i + " = " + 2*i ;

    }

    box.innerHTML = str;

*/

/*

    let dan, ok, box, str="";

    dan=document.querySelector(".dan");

    ok=document.querySelector(".ok");

    box=document.querySelector(".box");

    ok.addEventListener("click", function() {

        str="";

        for(i=1; i<=9; i++) {

            str += "<br> " + dan.value + " * " + i + " = " +

                Number(dan.value) * i;

        }

        box.innerHTML = str;

    })

*/

/*

    let box;

    box=document.querySelector(".box").getElementsByTagName("li");

    console.log( box.length );

    for(k=0; k<box.length; k++) {

        box[k].innerHTML = (k+1);

        box[k].style.background = "url(img/big"+(k+1)+".jpg)";

        box[k].style.backgroundSize = "100% 100%";

    }

*/

    let box;

    box=document.querySelector(".box").getElementsByTagName("li");

    for(k=0; k<box.length; k++) {

        box[k].innerHTML = "메뉴-" + (k+1);

    }

}