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

No:10389

80

high
Developer User4553｜Date and time 23/7/31 2:59:40
Build time 19.883 sec｜Game capacity 2.034KB｜

了解です。「ハイ＆ロー」というゲームを作ります。以下に実装例を示します。

ハイ＆ロー

目標の数字を当ててください（1〜100）

このゲームでは、1 から 100 の間で目標の数字をランダムに選びます。プレイヤーはテキストボックスに予想した数字を入力し、「Check」ボタンを押して予想を確認します。予想が目標の数字と一致したら正解となります。予想が外れた場合、その予想よりも大きいか小さいかのヒントが表示されます。正解したらテキストボックスが無効化され、ゲームが終了します。プログラムは HTML ファイル内に含まれ、JavaScript のコードは `
` タグで囲まれています。ゲームが実行されると、「ハイ＆ロー」というタイトルと、プレイヤーに表示されるメッセージ、予想を入力するテキストボックス、チェックボタンが表示されます。

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

了解です。「ハイ＆ロー」というゲームを作ります。

以下に実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ハイ＆ロー</title>
</head>
<body>
  <h1>ハイ＆ロー</h1>
  <p id="message">目標の数字を当ててください（1〜100）</p>
  <input type="number" id="guess" min="1" max="100"><br>
  <button onclick="checkGuess()">Check</button>

<script>
    // 目標の数字を決める
    const target = Math.floor(Math.random() * 100) + 1;
    let attempts = 0;

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

if (guess === target) {
        document.getElementById("message").innerText = `正解です！${attempts}回で当てました！`;
        document.getElementById("guess").disabled = true;
      } else if (guess < target) {
        document.getElementById("message").innerText = "もっと大きい数です！";
        attempts++;
      } else if (guess > target) {
        document.getElementById("message").innerText = "もっと小さい数です！";
        attempts++;
      }
    }
  </script>
</body>
</html>
```

このゲームでは、1 から 100 の間で目標の数字をランダムに選びます。プレイヤーはテキストボックスに予想した数字を入力し、「Check」ボタンを押して予想を確認します。予想が目標の数字と一致したら正解となります。予想が外れた場合、その予想よりも大きいか小さいかのヒントが表示されます。正解したらテキストボックスが無効化され、ゲームが終了します。

プログラムは HTML ファイル内に含まれ、JavaScript のコードは `<script>` タグで囲まれています。ゲームが実行されると、「ハイ＆ロー」というタイトルと、プレイヤーに表示されるメッセージ、予想を入力するテキストボックス、チェックボタンが表示されます。