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

No:21596

←

Prev Next

→

たのしいさんすう
Developer バファリンヌ｜Date and time 23/10/16 20:18:40
Build time 59.91 sec｜Game capacity 1.743KB｜

Script

了解です。以下にサンプルの数当てゲームを実装します。

数当てゲーム

0から9の間の数字を当ててください。

このプログラムは、0から9の間の数字を当てるゲームです。スマホでプレイすることを前提に、HTMLのフォーム要素（`<input>`)とボタン要素（`<button>`)を使用しています。JavaScript部分では、ボタンをクリックしたときに入力された値を取得し、正解の数字と比較して結果を表示しています。上記のコードをHTMLファイルとして保存し、ブラウザで開くと、数当てゲームがプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です。以下にサンプルの数当てゲームを実装します。

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数当てゲーム</title>
</head>

<body>
  <h1>数当てゲーム</h1>
  <p>0から9の間の数字を当ててください。</p>
  <p id="message"></p>
  <input type="number" id="guess" min="0" max="9">
  <button onclick="checkGuess()">当てる</button>

function checkGuess() {
      // 入力された値を取得
      const guess = document.getElementById("guess").value;

// 正解かどうか判定
      if (guess == correctNumber) {
        document.getElementById("message").textContent = "正解！おめでとうございます！";
      } else if (guess < correctNumber) {
        document.getElementById("message").textContent = "もっと大きい数字です";
      } else if (guess > correctNumber) {
        document.getElementById("message").textContent = "もっと小さい数字です";
      }
    }
  </script>
</body>

</html>
```

上記のコードをHTMLファイルとして保存し、ブラウザで開くと、数当てゲームがプレイできます。