자바스크립트 테이블

자바스크립트 테이블 제작

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

다른것도 다른것이지만, 아직까지 테이블 만들때마다 생각이 많아져서 다시 정리를 해보려고 합니다.

 

• 먼저, table이라는 변수를 초기화하고, 1의 테두리를 가진 HTML 테이블의 시작 태그를 나타내는 문자열로 설정합니다.
• 그런 다음, 행을 나타내는 1에서 10까지 반복하는 외부 for 루프를 시작합니다.
• 내부 for 루프는 1에서 10까지 반복하여 열을 나타냅니다.
• 각 반복에서, 현재 열의 값을 셀의 내용으로 포함하는 HTML <td> 태그를 생성합니다.
• 마지막으로, 각 행의 닫는 태그인 </tr>를 추가합니다.
• 외부 루프가 끝나면 테이블의 닫는 태그 </table>를 추가하고, document.write를 사용하여 생성된 테이블을 문서에 출력합니다.

for루프란?

for반복문과 같은 의미를 가집니다.