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

No:4243

1665

←

Prev Next

→

Aiiiiiiiiiii!
Developer User1006｜Date and time 23/6/27 15:41:57
Build time 22.319 sec｜Game capacity 2.679KB｜

Script

はい、了解しました！以下は、部分的にゲーム化した JavaScript を含む HTML ページの例です。

数当てゲーム

1 から 10 の範囲で数字を入力してください：
このページは、1 から 10 の範囲でランダムに選ばれる数字を当てるゲームです。プレイヤーは入力欄に数字を入力し、チェックボタンをクリックして答え合わせをします。正解の場合は「正解！」、不正解の場合は「もっと大きい数字です。」または「もっと小さい数字です。」というメッセージが表示されます。リセットボタンをクリックすることで新しい答えを生成してゲームを再開できます。

←

Prev　Next

→ 　

Back　

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

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

はい、了解しました！ 以下は、部分的にゲーム化した JavaScript を含む HTML ページの例です。

<!doctype html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>数当てゲーム</title>
    </head>
    <body>
        <h1>数当てゲーム</h1>
        <div id="result"></div>
        <form>
            <label for="guess">1 から 10 の範囲で数字を入力してください：</label>
            <input type="number" id="guess" name="guess" placeholder="数字">
            <button type="button" id="checkBtn">チェック！</button>
            <button type="button" id="resetBtn">リセット</button>
        </form>
        
        <script>
            let answer = Math.floor(Math.random() * 10) + 1; // 1 から 10 の範囲で答えを生成
            
            let result = document.querySelector("#result");
            let guessInput = document.querySelector("#guess");
            let checkBtn = document.querySelector("#checkBtn");
            let resetBtn = document.querySelector("#resetBtn");
            
            resetBtn.addEventListener("click", function() {
                answer = Math.floor(Math.random() * 10) + 1; // 新しい答えを生成
                guessInput.value = "";
                result.textContent = "";
            });
            
            checkBtn.addEventListener("click", function() {
                let guess = parseInt(guessInput.value);
                if (isNaN(guess) || guess < 1 || guess > 10) {
                    result.textContent = "1 から 10 の範囲で数字を入力してください。";
                    return;
                }
                if (guess === answer) {
                    result.textContent = "正解！";
                } else if (guess < answer) {
                    result.textContent = "もっと大きい数字です。";
                } else {
                    result.textContent = "もっと小さい数字です。";
                }
                guessInput.value = ""; // 入力欄を空にする
            });
        </script>
    </body>
</html>

このページは、1 から 10 の範囲でランダムに選ばれる数字を当てるゲームです。プレイヤーは入力欄に数字を入力し、チェックボタンをクリックして答え合わせをします。正解の場合は「正解！」、不正解の場合は「もっと大きい数字です。」または「もっと小さい数字です。」というメッセージが表示されます。リセットボタンをクリックすることで新しい答えを生成してゲームを再開できます。