Web/Basic

HTML+CSS+자바스크립트 웹 표준의 정석 12장 마무리 문제

poopooreum 2024. 7. 2. 21:39
반응형

✏️ 14장 마무리 문제 - 1번

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>14-1 마무리 문제</title>
    <style>
      body {
        font-size: 1.2em;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h2>4의 배수일까 아닐까</h2>

    <script>
      var inputNumber = parseInt(prompt("숫자를 입력하시오."));

      if (inputNumber != null) {
        if (inputNumber % 4 === 0) {
          document.write(inputNumber + "는 4의 배수입니다.");
        } else document.write(inputNumber + "는 4의 배수가 아닙니다.");
      }
    </script>
  </body>
</html>

✏️ 14장 마무리 문제 - 2번

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>14-2 마무리 문제</title>
    <style>
      body {
        font-size: 1.2em;
        text-align: center;
      }
      p {
        color: red;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <h2>3의 배수 찾기</h2>

    <script>
      var inputNumber = parseInt(prompt("몇 까지 3의 배수를 찾을까요?"));
      var count = 0;

      if (inputNumber !== null) {
        for (let i = 3; i <= inputNumber; i += 3) {
          if (i % 3 === 0) {
            document.write(i + ", ");
            count++;
          }
        }
      }

      document.write(
        "<p>" + inputNumber + "까지 3의 배수의 개수 : ",
        count + "</p>"
      );
    </script>
  </body>
</html>
반응형