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

No:5130

2620

←

Prev Next

→

hovercraft
Developer User3812｜Date and time 23/6/29 19:12:06
Build time 18.995 sec｜Game capacity 1.898KB｜

Script

了解です。では、簡単なゲームとして、数字当てゲームを作りましょう。以下に実装例を示します。

数字当てゲーム

Enter a number between 1 and 100:

このゲームでは、1から100までの数を当てることが目的です。プレイヤーが入力した数字とランダムな数字を比較し、それに応じて適切なメッセージを表示します。プレイヤーが正しい数字を当てると「Congratulations! You've guessed the correct number.」というメッセージが表示されます。この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>
</head>
<body>
  <h1>数字当てゲーム</h1>
  <p id="message">Enter a number between 1 and 100:</p>
  <input type="number" id="guess">
  <button onclick="checkGuess()">Guess</button>

// 数字の当て推測をチェックする関数
    function checkGuess() {
      const guess = parseInt(document.getElementById("guess").value);
      const randomNumber = generateRandomNumber();

if (isNaN(guess) || guess < 1 || guess > 100) {
        document.getElementById("message").textContent = "Please enter a valid number between 1 and 100.";
      } else if (guess === randomNumber) {
        document.getElementById("message").textContent = "Congratulations! You've guessed the correct number.";
      } else if (guess < randomNumber) {
        document.getElementById("message").textContent = "Too low. Try again!";
      } else {
        document.getElementById("message").textContent = "Too high. Try again!";
      }
    }
  </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、数字当てゲームがプレイできます。順を追って操作してください。