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

No:12462

115

←

Prev Next

→

Atai, Saikyo
Developer User4966｜Date and time 23/8/17 20:04:01
Build time 19.549 sec｜Game capacity 2.262KB｜

Script

了解しました。以下に、対話形式で進行するシンプルな数当てゲームのHTMLファイルを示します。

数当てゲーム

1から10の間の数字を当ててください。

このHTMLファイルをブラウザで開くと、1から10の間の数字を当てる数当てゲームがプレイできます。ブラウザに表示された入力欄に数字を入力し、チェックボタンを押して正解を当てると、画面上にメッセージが表示されます。また、正解後は入力欄とボタンが無効化されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下に、対話形式で進行するシンプルな数当てゲームのHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>数当てゲーム</title>
</head>
<body>
    <h1>数当てゲーム</h1>
    <p>1から10の間の数字を当ててください。</p>
    
    <script>
        const targetNumber = Math.floor(Math.random() * 10) + 1;
        let attempts = 0;

function checkNumber() {
            const input = document.getElementById("numberInput").value;
            const message = document.getElementById("message");

if (input === "") {
                message.textContent = "数字を入力してください。";
            } else {
                const guess = parseInt(input);

if (isNaN(guess)) {
                    message.textContent = "数字を入力してください。";
                } else if (guess < 1 || guess > 10) {
                    message.textContent = "1から10の間の数字を入力してください。";
                } else {
                    attempts++;

if (guess === targetNumber) {
                        message.textContent = "正解です！" + attempts + "回目で当たりました！🎉";
                        document.getElementById("guessButton").disabled = true;
                    } else if (guess < targetNumber) {
                        message.textContent = "もっと大きい数字です。";
                    } else {
                        message.textContent = "もっと小さい数字です。";
                    }
                }
            }
        }
    </script>

<input type="number" id="numberInput" min="1" max="10">
    <button id="guessButton" onclick="checkNumber()">チェック</button>
    <p id="message"></p>
</body>
</html>
```