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

No:6057

502

←

Prev Next

→

Omakase is being added!
Developer もちきなこ｜Date and time 23/7/1 15:56:55
Build time 22.09 sec｜Game capacity 2.174KB｜

Script

了解しました！ゲームとして遊べるように、スマホで操作可能なHTMLファイルを作成します。今回はシンプルな"数当てゲーム"を作りましょう。以下に実装例を示します。

数当てゲーム

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

このHTMLファイルでは、ユーザーが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>
    <meta charset="UTF-8">
    <title>数当てゲーム</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            color: #007bff;
        }
        
        #result {
            font-size: 20px;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <h1>数当てゲーム</h1>
    <p>1から100までの数字を当ててください。</p>
    <input type="number" id="guess" placeholder="数字を入力">
    <button onclick="checkGuess()">チェック</button>
    <p id="result"></p>

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

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

このHTMLファイルでは、ユーザーが1から100の範囲内の数字を当てる数当てゲームを遊ぶことができます。ウェブページを開いて適当な数字を入力し、チェックボタンを押すと、正解かどうかが表示されます。もし正解であれば、何回目の試行で当てたかも表示されます。

上記の実装はスマホでも操作が可能ですし、JavaScriptの処理も実行されます。絵文字は使用していませんが、シンプルな数当てゲームを作成しました。