programming/JS
[js] practice: HTML에서 JS로 테이블 만들기
솧이
2022. 8. 21. 15:00
<style>
table, td, th{
border: 1px solid black;
border-collapse: collapse;
}
table{
width: 100%;
}
</style>
..
<script>
let row = Math.floor(Math.random() * 10) + 1;
let col = Math.floor(Math.random() * 10) + 1;
document.write("row: " + row + ", col: " + col);
document.write("<br>");
document.write("<table>");
for(let r = 1; r <= row; r++) { //행
document.write("<tr>");
for(let c = 1; c <= col; c++) { //열
document.write("<td>" + `${r}행 ${c}열` + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>