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

No:6149

1304

←

Prev Next

→

Ive seen a civet.
Developer User3857｜Date and time 23/7/1 17:59:08
Build time 19.748 sec｜Game capacity 1.932KB｜

Script

了解しました。以下に、スマホで遊べるシンプルな数当てゲームの例を示します。このゲームでは、ユーザーが1から100までの数字を当てることが目的です。

数当てゲーム

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

このゲームでは、ユーザーが`input`フィールドに数字を入力し、"答える"ボタンを押して回答します。正解の場合はおめでとうのメッセージが表示され、それ以外の場合は正解がもっと大きいのか小さいのかを教えてくれます。

←

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">
    <title>数当てゲーム</title>
    <style>
        body {
            text-align: center;
        }

.result {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <h1>数当てゲーム</h1>
    <p>1から100までの数字を当ててください。</p>
    <form>
        <input type="number" id="guess" placeholder="数字を入力してください">
        <button type="button" onclick="checkGuess()">答える</button>
    </form>
    <div id="result" class="result"></div>

function checkGuess() {
            const guess = parseInt(document.getElementById("guess").value);
            attempts++;

if (guess === answer) {
                document.getElementById("result").textContent = `おめでとうございます！${attempts}回で正解しました！`;
                document.getElementById("guess").disabled = true;
            } else if (guess < answer) {
                document.getElementById("result").textContent = `もっと大きな数です。`;
            } else {
                document.getElementById("result").textContent = `もっと小さな数です。`;
            }
        }
    </script>
</body>

</html>
```