🐼 by voice recognition! Its very shiny!'s game | AI game creator

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

No:4851

1832

🐼 by voice recognition! Its very shiny!
Developer User3589｜Date and time 23/6/28 22:52:32
Build time 32.99 sec｜Game capacity 3.486KB｜

了解しました！以下にサンプルとして、「数当てゲーム」を作成します。プログラムはスマホ上で実行可能であり、JavaScriptを使用しています。

数を当ててください！

このプログラムでは、1から100までの整数の中からランダムに正解の数が生成され、ユーザーがその数を当てるゲームです。ユーザーはテキストボックスに数を入力し、エンターキーを押すことで入力結果が判定されます。正解の数はゲーム中に変わらないため、同じスマホで何度も遊べます。プログラム実行例： 1. スマホでブラウザを開き、上記のHTMLコードをコピーして新しいHTMLファイルを作成します。（例：number_guess.html） 2. ファイルをブラウザで開き、ゲームが表示されます。 3. テキストボックスに数を入力し、エンターキーを押して正解を当ててください。 4. 正解の場合は、「正解です！」と表示され、試行回数が表示されます。 5. 不正解の場合は、「もっと大きい数です！」または「もっと小さい数です！」と表示されます。以上のように、スマホ上で実行できる数当てゲームを作成しました。お楽しみください！

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

了解しました！以下にサンプルとして、「数当てゲーム」を作成します。プログラムはスマホ上で実行可能であり、JavaScriptを使用しています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数当てゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 24px;
            background-color: #f3f3f3;
        }
        
        #message {
            margin-bottom: 10px;
        }
        
        #user-input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            font-size: 24px;
            text-align: center;
            border-radius: 5px;
            outline: none;
        }
    </style>
</head>
<body>
    <div id="message">数を当ててください！</div>
    <input id="user-input" type="number" min="1" max="100" autocomplete="off" autofocus>
    
    <script>
        // 正解の数を1~100の範囲でランダムに生成
        const answer = Math.floor(Math.random() * 100) + 1;
        let attempts = 0;

document.getElementById("user-input").addEventListener("keydown", function(event) {
            if (event.key === "Enter") {
                // ユーザーの入力を取得
                const userInput = parseInt(event.target.value);
                // 入力チェックと結果の表示
                if (isNaN(userInput) || userInput < 1 || userInput > 100) {
                    setMessage("無効な入力です。1~100の数を入力してください。");
                } else {
                    attempts++;
                    if (userInput === answer) {
                        setMessage(`正解です！${attempts}回で当てました！`);
                    } else if (userInput < answer) {
                        setMessage("もっと大きい数です！");
                    } else {
                        setMessage("もっと小さい数です！");
                    }
                    event.target.value = "";
                }
            }
        });
        
        function setMessage(message) {
            document.getElementById("message").textContent = message;
        }
    </script>
</body>
</html>
```

このプログラムでは、1から100までの整数の中からランダムに正解の数が生成され、ユーザーがその数を当てるゲームです。ユーザーはテキストボックスに数を入力し、エンターキーを押すことで入力結果が判定されます。正解の数はゲーム中に変わらないため、同じスマホで何度も遊べます。

プログラム実行例：

1. スマホでブラウザを開き、上記のHTMLコードをコピーして新しいHTMLファイルを作成します。（例：number_guess.html）
2. ファイルをブラウザで開き、ゲームが表示されます。
3. テキストボックスに数を入力し、エンターキーを押して正解を当ててください。
4. 正解の場合は、「正解です！」と表示され、試行回数が表示されます。
5. 不正解の場合は、「もっと大きい数です！」または「もっと小さい数です！」と表示されます。

以上のように、スマホ上で実行できる数当てゲームを作成しました。お楽しみください！