[JAVASCRIPT]for문

● break: 조건이 참이면 실행중인 반복문에서 빠져나오는 명령어

언어는 순서에 따라 조건이 달라질 수 있기 때문에 순서를 지켜야한다.

● continue : 조건이 맞으면 아래 명령어를 무시하고 다시 for문으로 올라가서 실행함

중첩 for 문 (구구단)

i가 1일 때 k가 3번 돌아감

i가 2일 때 k가 또 3번 돌아감 

 for(let i=1; i<=2; i++){
            for(let k=1; k<=3; k++){
                document.write(i+"행"+k+"열","<br>");
            }
        }

구구단 만들기

i = 2 일때 ; i<=3 : 2보다 크거나 3과 같다. >> 2, 3 단 

+" "+ : 문자를 넣어줄 때는 더하기 안 큰 따옴표 속에 글자를 넣어준다.

j = 1 / j <= 9; 1보다 크거나 9와 같다. 1~9 

다중 for문을 사용하여 구구단을 만들 수 있다.

 document.write( i+ " * " +  j +" = "+ i*j,"<br>")

  구구단
        for(let i=2; i<=3; i++){
                document.write("<h1>"+i+"단 </h1>")
            for(let j=1; j<=9; j++){
                document.write( i+ " * " +  j +" = "+ i*j,"<br>")
            }
        }

table

cell 의 테두리가 이중선이 기본으로 나온다.

테두리의 이중선을 해제하기 위해서 style에서 border-collapse: collapse; 를 넣는다.

tr에 클래스를 따로 지정하여 스타일을 다르게 편집할 수 있다.

thead: 제목줄, 테이블에 제일 상단에 위치함

thead, tfoot, tbody 태그로 따로 클래스 지정없이 구분자를 줄 수 있다.

요즘에는 ul,li 가 테이블을 대체를 많이 함

테이블 병합

●rowspan: 행 병합, 세로병합

●colspan: 열 병합, 가로병합

자바스크립트에서 테이블 만들기

테이블 기본 셋팅

let num = 1;
        let t = "<table>";

● += : 누적해서 더해라

ex) num =1 이라고 할 때,  num += 1 >>   1+1 =1 > 2+1 = 3 > 3+1 =4 .....

tr을 누적시켜서 하나의 테이블을 만들 것이다.

태그를 넣을 때는 "<>" 꺽쇠괄호 안에 넣는다.

열린태그를 닫아주어야한다.

console로 확인하면 태그로 표현되어있는 것을 볼 수 있다.

 
        //테이블만들기
        let num = 1;
        let t = "<table>"; // 테이블 셋팅
            for(let i = 1; i<=4 ;i++){
                t += "<tr>";
                for(let k=1; k<=3; k++){
                    t += "<td>"+num+"</td>";
                    num++;
                }
                t += "</tr>"
            }
            t += "</table>"

            document.write(t);
            console.log(t);

 

현재 연도의 월에 해당하는 날짜를 출력하세요

 <script>
        let year = prompt("원하는 년도를 입력하세요","0000");
    </script>

switch 문으로 mon 셋팅

for문 조건 넣기