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

No:6152

1040

←

Prev Next

→

Anya, make a game!
Developer User3857｜Date and time 23/7/1 18:00:26
Build time 24.338 sec｜Game capacity 2.591KB｜

Script

わかりました！以下に、スマートフォンで遊べるシンプルなゲームの例を示します。

数字当てゲーム

1から100までの数を当ててください！

このゲームは、1から100までの数を当てるゲームです。スマートフォン上で動作し、JavaScriptを使用して数の当否を判定し、適切なメッセージを表示します。スマートフォンのキーボードから数字を入力することができます。当たった場合には正解メッセージが表示され、再度プレイすることもできます。ご参考にしてください！

←

Prev　Next

→ 　

Back　

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

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

わかりました！以下に、スマートフォンで遊べるシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スマホゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
            margin-top: 200px;
        }
        button {
            font-size: 24px;
            padding: 10px 20px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>数字当てゲーム</h1>
    <p id="message">1から100までの数を当ててください！</p>
    <input type="number" id="guessInput" placeholder="数字を入力してください">
    <br>
    <button onclick="validateGuess()">チェック</button>
    <button onclick="resetGame()">リセット</button>
    <script>
        var targetNumber = Math.floor(Math.random() * 100) + 1;
        var attempts = 0;

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

if (isNaN(guess)) {
                message.innerText = "数字を入力してください！";
                return;
            }

attempts++;

if (guess === targetNumber) {
                message.innerText = "正解です！" + attempts + "回目で当てました！";
                guessInput.disabled = true;
                guessInput.value = "";
                return;
            }

if (guess > targetNumber) {
                message.innerText = "もっと小さな数です！";
            } else {
                message.innerText = "もっと大きな数です！";
            }

guessInput.value = "";
        }

function resetGame() {
            targetNumber = Math.floor(Math.random() * 100) + 1;
            attempts = 0;
            document.getElementById("guessInput").disabled = false;
            document.getElementById("message").innerText = "1から100までの数を当ててください！";
        }
    </script>
</body>
</html>
```