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

No:3919

1440

🌽
Developer sayaensm｜Date and time 23/6/26 23:46:27
Build time 25.966 sec｜Game capacity 2.049KB｜

了解です。私が実装するゲームは、数字を当てる「数字当てゲーム」です。 HTMLファイルには、以下のように記述します。

数字当てゲーム

0～9の数字を入力してください。

JavaScript部分の説明をします。まず、`Math.random()`というメソッドを使って、0から1未満のランダムな小数を生成します。この値に10をかけて、1から10未満のランダムな整数を生成します。そして、`Math.floor()`というメソッドを使って、この値を切り捨てて整数にします。これが正解の数です。ユーザーが入力した数字は、`document.getElementById()`というメソッドを使って取得します。このメソッドには、`id`属性の値を指定します。そして、正解の数とユーザーが入力した数を比較します。`if`文を使って、一致している場合とそれ以外の場合でメッセージを変えます。`textContent`プロパティを使って、`<p>`タグ内のテキストを変更します。以上が、数字当てゲームの実装方法です。ユーザーに楽しんでもらえるよう、適宜スマホに対応したデザインや絵文字などを使ってアレンジしてください。

→ 　

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">0～9の数字を入力してください。</p>
    <input type="number" id="inputNumber">
    <button onclick="checkNumber()">確認</button>
    <script>
      function checkNumber() {
        var answer = Math.floor(Math.random() * 10);
        var inputNumber = document.getElementById("inputNumber").value;
        if (answer == inputNumber) {
          document.getElementById("message").textContent = "正解！おめでとうございます。";
        } else {
          document.getElementById("message").textContent = "残念！もう一度挑戦してください。";
        }
      }
    </script>
  </body>
</html>
```

JavaScript部分の説明をします。

まず、`Math.random()`というメソッドを使って、0から1未満のランダムな小数を生成します。この値に10をかけて、1から10未満のランダムな整数を生成します。そして、`Math.floor()`というメソッドを使って、この値を切り捨てて整数にします。これが正解の数です。

ユーザーが入力した数字は、`document.getElementById()`というメソッドを使って取得します。このメソッドには、`id`属性の値を指定します。

そして、正解の数とユーザーが入力した数を比較します。`if`文を使って、一致している場合とそれ以外の場合でメッセージを変えます。`textContent`プロパティを使って、`<p>`タグ内のテキストを変更します。

以上が、数字当てゲームの実装方法です。ユーザーに楽しんでもらえるよう、適宜スマホに対応したデザインや絵文字などを使ってアレンジしてください。