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

No:8009

3939

←

Prev Next

→

Guess the number; you win if you guess the 3-digit..ALL
Developer anonymous｜Date and time 70/1/1 9:41:55
Build time unknown sec｜Game capacity 2.515KB｜

Script

了解しました。以下に数当てゲームのプログラムを記述します。

数当てゲーム

このプログラムは、3桁の数字を当てる数当てゲームです。初期状態でランダムに選ばれた3桁の数字を当てるため、input要素に予想の数字を入力し、チェックボタンを押して予想を確認します。予想が外れると残りのチャンスが減り、正解すると勝利となります。また、絵文字を使用することも可能ですが、絵文字はブラウザによって表示されない場合があるため、テキストメッセージの表示に絞りました。簡単なスタイリングも追加しています。スマホでの操作にも対応しています。

←

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;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <h1>数当てゲーム</h1>
  <p id="message"></p>
  <input type="number" id="guess" min="100" max="999">
  <button onclick="checkGuess()">チェック</button>

function getRandomNumber() {
      return Math.floor(Math.random() * 900) + 100;
    }

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

if (guess !== targetNumber) {
        if (remainingGuesses > 1) {
          if (guess < targetNumber) {
            setMessage("もっと大きい数字です！");
          } else {
            setMessage("もっと小さい数字です！");
          }
          guessInput.value = "";
          guessInput.focus();
          remainingGuesses--;
        } else {
          gameOver();
        }
      } else {
        gameWon();
      }
    }

function setMessage(message) {
      document.getElementById("message").textContent = message;
    }

function gameOver() {
      setMessage("残念！正解は " + targetNumber + " でした！もう一度やり直してください。");
      disableInput();
    }

function gameWon() {
      setMessage("おめでとうございます！正解は " + targetNumber + " でした！");
      disableInput();
    }

function disableInput() {
      document.getElementById("guess").disabled = true;
      document.getElementsByTagName("button")[0].disabled = true;
    }
  </script>
</body>
</html>
```

このプログラムは、3桁の数字を当てる数当てゲームです。初期状態でランダムに選ばれた3桁の数字を当てるため、input要素に予想の数字を入力し、チェックボタンを押して予想を確認します。予想が外れると残りのチャンスが減り、正解すると勝利となります。

また、絵文字を使用することも可能ですが、絵文字はブラウザによって表示されない場合があるため、テキストメッセージの表示に絞りました。簡単なスタイリングも追加しています。スマホでの操作にも対応しています。