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

No:5171

629

←

Prev Next

→

In the meantime, the number guessing game is being..ALL
Developer もちきなこ｜Date and time 23/6/29 19:59:55
Build time 23.375 sec｜Game capacity 2.223KB｜

Script

了解です。以下に数字当てゲームのコードを示します。

数字当てゲーム

1から100までの数字を当ててください。

このコードは、1から100のランダムな数を生成し、プレイヤーがその数字を当てるゲームです。プレイヤーはテキストボックスに数字を入力し、確認ボタンをクリックして回答します。入力された数に対して、答えより大きいか小さいかを判定し、結果をアラートで表示します。正解した場合はおめでとうのメッセージと回答までの試行回数を表示し、ゲームをリセットします。なお、スマートフォンでもプレイできるように、HTMLのレイアウトを簡素にし、ボタンやテキスト入力はデフォルトのスタイルを使用しています。もしデザインを変更したい場合は、CSSを追加してカスタマイズすることもできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。以下に数字当てゲームのコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>数字当てゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>数字当てゲーム</h1>
  <p>1から100までの数字を当ててください。</p>
  <input type="text" id="guess" placeholder="数字を入力してください">
  <button onclick="checkGuess()">確認</button>

function checkGuess() {
      var guess = parseInt(document.getElementById("guess").value);
      
      if (isNaN(guess) || guess < 1 || guess > 100) {
        alert("1から100までの数字を入力してください。");
        return;
      }

attempts++;

if (guess < answer) {
        alert("もっと大きいです！");
      } else if (guess > answer) {
        alert("もっと小さいです！");
      } else {
        alert("正解です！おめでとうございます！");
        alert("答えは " + answer + " でした。" + attempts + "回で当てました。");
        resetGame();
      }
    }

function resetGame() {
      answer = Math.floor(Math.random() * 100) + 1;
      attempts = 0;
      document.getElementById("guess").value = "";
    }
  </script>
</body>
</html>
```

なお、スマートフォンでもプレイできるように、HTMLのレイアウトを簡素にし、ボタンやテキスト入力はデフォルトのスタイルを使用しています。もしデザインを変更したい場合は、CSSを追加してカスタマイズすることもできます。