ナンバーズジェネレーター

<!DOCTYPE html>
<html>

<head>
  <title>ナンバーズジェネレーター</title>
  <style>
    button {
      background-color: red;
      color: white;
      font-size: 16px;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    
    #result {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>

<body>
  <h1>ナンバーズジェネレーター</h1>

  <button onclick="generateNumbers(3)">ナンバーズ3</button>
  <button onclick="generateNumbers(4)">ナンバーズ4</button>

  <div id="result"></div>

  <script>
    function generateNumbers(digits) {
      var result = "";
      for (var i = 0; i < digits; i++) {
        result += Math.floor(Math.random() * 10);
      }
      document.getElementById("result").innerHTML = result + "<br>Catch a dream!";
    }
  </script>
</body>

</html>