Click here for free DL of the app version that can save data.

No:5691

1455

←

Prev Next

→

game at home
Developer もちきなこ｜Date and time 23/6/30 16:07:51
Build time 21.013 sec｜Game capacity 1.875KB｜

Script

了解しました。では、簡単なゲームを作成してみましょう。以下のコードは、ブラウザ上で数字を当てるゲームです。

数字当てゲーム

このコードをHTMLファイル（例：game.html）に保存し、任意のブラウザで開くと、数字当てゲームがプレイできます。ブラウザに表示された入力欄に数字を入力し、「チェック」ボタンをクリックすると、正解またはヒントが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

了解しました。では、簡単なゲームを作成してみましょう。以下のコードは、ブラウザ上で数字を当てるゲームです。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>数字当てゲーム</title>
    <style>
      body {
        text-align: center;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <h1>数字当てゲーム</h1>
    <p id="message"></p>
    <input type="number" id="guess" placeholder="数字を入力してください">
    <button onclick="checkGuess()">チェック</button>

function checkGuess() {
        var guess = parseInt(document.getElementById("guess").value);
        var message = "";

if (isNaN(guess)) {
          message = "数字を入力してください";
        } else if (guess < 1 || guess > 100) {
          message = "1から100の範囲で入力してください";
        } else {
          attemptCount++;

if (guess === answer) {
            message = "正解！" + attemptCount + "回目で当たりました！";
            document.getElementById("guess").setAttribute("disabled", "true");
          } else if (guess < answer) {
            message = "もっと大きい数です";
          } else {
            message = "もっと小さい数です";
          }
        }

document.getElementById("message").innerHTML = message;
      }
    </script>
  </body>
</html>
```

このコードをHTMLファイル（例：game.html）に保存し、任意のブラウザで開くと、数字当てゲームがプレイできます。
ブラウザに表示された入力欄に数字を入力し、「チェック」ボタンをクリックすると、正解またはヒントが表示されます。