<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>자리배치2 (table)</title>
<style>
table td {
border: 2px solid #ccc;
text-align: center;
width: 100px;
}
</style>
</head>
<body>
<script>
var memNum = 23; //입장객 수
var colNum = 5; //한 줄에 앉을 사람수
var rowNum; //필요한 줄의 개수
//memNum = parseInt(prompt("입장객 수 입력"));
// colNum = parseInt(prompt("한 줄에 앉을 사람수 입력"));
if (memNum % colNum == 0) {
//나머지가 없을 때
rowNum = parseInt(memNum / colNum);
} else {
//나머지가 있을 때
rowNum = parseInt(memNum / colNum) + 1;
}
document.write("<h2>자리 배치도</h2>");
document.write(
"<p>입장객 수 : ",
memNum,
" / 한 줄에 앉을 사람수 : ",
colNum,
"</p>"
);
document.write("<p>모두 <b>" + rowNum + "개</b>의 줄이 필요합니다.</p>");
var i = 0;
document.write("<table>");
for (i; i < memNum; i++) {
if (i % colNum == 0) {
document.write("<tr>");
}
document.write("<td><p>좌석 " + (i + 1) + "</p></td>");
if (i % colNum == colNum - 1) {
document.write("</tr>");
}
}
document.write("</table>");
</script>
</body>
</html>
더보기

자리배치 실행결과
실행 결과

'JS > 연습문제' 카테고리의 다른 글
16장 마무리 문제 (0) | 2022.12.16 |
---|---|
이벤트 처리 연습문제 (0) | 2022.12.15 |
14장 마무리 문제 (0) | 2022.12.15 |
자바스크립트 조건문 문제 (0) | 2022.12.01 |
댓글