본문 바로가기
JS/연습문제

for문 연습문제

by oda 2022. 12. 15.
<!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

댓글