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

No:7291

2214

You go ahead and eat your ice 🧊.
Developer User3589｜Date and time 23/7/6 20:00:22
Build time 18.121 sec｜Game capacity 2.841KB｜

了解です。以下にサンプルとして、シンプルな数字当てゲームを作成したコードを示します。プレイヤーはスマートフォンで数字を入力し、正解の数字を当てることが目的です。実装の詳細は以下の通りです。

数字当てゲーム

このコードでは、スマートフォンで番号を入力し、チェックボタンをクリックすることで入力された番号と正解の番号を比較しています。ゲームが開始されると、入力された番号が正解と一致するまで、"もっと大きい数字です"や"もっと小さい数字です"といったヒントが表示されます。正解すると、正解のメッセージと回答回数が表示され、入力フォームとチェックボタンが無効化されます。このゲームは、1枚のHTMLファイルに実装されており、JavaScriptはscriptタグで囲まれています。ゲームとして遊ぶことができる仕様です。

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>数字当てゲーム</h1>
    <h2 id="result"></h2>
    <input type="number" id="guess" placeholder="数字を入力してください">
    <button onclick="checkGuess()">チェックする</button>

<script>
        // 正解の数字を生成
        var answer = Math.floor(Math.random() * 100) + 1;
        var attempts = 0;  // 回答回数

function checkGuess() {
            var guess = parseInt(document.getElementById('guess').value);

// 入力された値と正解を比較
            if (isNaN(guess) || guess < 1 || guess > 100) {
                // 1から100の範囲外の値が入力された場合
                document.getElementById('result').innerText = '1から100の範囲で数字を入力してください。';
            } else if (guess < answer) {
                // 入力された値が正解よりも小さい場合
                attempts++;
                document.getElementById('result').innerText = 'もっと大きい数字です。';
            } else if (guess > answer) {
                // 入力された値が正解よりも大きい場合
                attempts++;
                document.getElementById('result').innerText = 'もっと小さい数字です。';
            } else {
                // 正解の場合
                attempts++;
                document.getElementById('result').innerHTML = '正解！<br>回答回数: ' + attempts;
                document.getElementById('guess').disabled = true;
                document.getElementsByTagName('button')[0].disabled = true;
            }
        }
    </script>
</body>
</html>
```

このコードでは、スマートフォンで番号を入力し、チェックボタンをクリックすることで入力された番号と正解の番号を比較しています。ゲームが開始されると、入力された番号が正解と一致するまで、"もっと大きい数字です"や"もっと小さい数字です"といったヒントが表示されます。正解すると、正解のメッセージと回答回数が表示され、入力フォームとチェックボタンが無効化されます。

このゲームは、1枚のHTMLファイルに実装されており、JavaScriptはscriptタグで囲まれています。ゲームとして遊ぶことができる仕様です。