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

No:6225

513

←

Prev Next

→

Selecting what you need and what you dont need
Developer User3871｜Date and time 23/7/1 22:00:52
Build time 26.095 sec｜Game capacity 2.421KB｜

Script

了解です。以下に、スマホ向けのゲームとして遊べるシンプルな数当てゲームの実装例を示します。

数当てゲーム

この実装では、1から100のランダムな数が選ばれ、ユーザーが入力した数と比較しながら正解を当てるゲームとなります。ボタンをクリックすることで、ユーザーの入力値と正解を比較し、メッセージを表示します。正解した場合はゲームがリセットされます。絵文字の使用など、細かな部分は省略していますが、ゲームとして遊べる形式になっています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下に、スマホ向けのゲームとして遊べるシンプルな数当てゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>数当てゲーム</title>
    <meta charset="UTF-8">
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }

h1 {
            font-size: 24px;
            margin-bottom: 20px;
        }

input {
            width: 100%;
            height: 40px;
            font-size: 16px;
            margin-bottom: 10px;
            text-align: center;
        }

button {
            width: 100px;
            height: 40px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>数当てゲーム</h1>
    <input type="number" id="guess" min="1" max="100" placeholder="1〜100の数を入力してください">
    <button id="submit">チェック</button>

document.getElementById('submit').addEventListener('click', function() {
            const guess = document.getElementById('guess').value;

if (guess == answer) {
                alert(`正解です！ ${attempts}回目で当てました！`);
                resetGame();
            } else if (guess < answer) {
                alert('もっと大きい数です！')
            } else if (guess > answer) {
                alert('もっと小さい数です！')
            }

attempts++;
        });

function resetGame() {
            const newAnswer = Math.floor(Math.random() * 100) + 1;
            answer = newAnswer;
            attempts = 0;
            document.getElementById('guess').value = '';
        }
    </script>
</body>
</html>
```

この実装では、1から100のランダムな数が選ばれ、ユーザーが入力した数と比較しながら正解を当てるゲームとなります。ボタンをクリックすることで、ユーザーの入力値と正解を比較し、メッセージを表示します。正解した場合はゲームがリセットされます。

絵文字の使用など、細かな部分は省略していますが、ゲームとして遊べる形式になっています。