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

No:36828

←

Prev Next

→

謎解きゲーム
Developer User16016｜Date and time 24/1/18 16:24:10
Build time 13.993 sec｜Game capacity 2.853KB｜

Script

了解しました。以下に謎解きゲームのHTMLファイルの例を示します。

謎解きゲーム

次の謎を解いてください。

このHTMLファイルは、3つの問題と回答を持つ謎解きゲームを実装しています。最初の問題が表示され、回答を入力すると正解かどうかが確認されます。正解の場合は次の問題に進み、不正解の場合はもう一度挑戦するように促されます。すべての謎を解くとおめでとうメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下に謎解きゲームのHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>謎解きゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>謎解きゲーム</h1>
    <p id="question">次の謎を解いてください。</p>
    <p id="answer"></p>

var currentRiddle = 0; // 現在の問題のインデックス

// 問題を表示する関数
        function displayRiddle() {
            var questionElement = document.getElementById("question");
            questionElement.textContent = riddles[currentRiddle].question;
        }

// 回答を受け取り、正解かどうかをチェックする関数
        function checkAnswer() {
            var answerElement = document.getElementById("answer");
            var answerInput = prompt("回答を入力してください");
            if (answerInput === riddles[currentRiddle].answer) {
                answerElement.textContent = "正解！次の謎に挑戦しましょう。";
                currentRiddle++; // 次の問題に進む
                if (currentRiddle >= riddles.length) {
                    answerElement.textContent = "おめでとう！すべての謎を解きました。";
                }
            } else {
                answerElement.textContent = "不正解です。もう一度挑戦してみてください。";
            }
        }

displayRiddle(); // 最初の問題を表示

// 「回答する」ボタンがクリックされたときにcheckAnswer関数を実行
        document.addEventListener("click", function(e) {
            if (e.target && e.target.id == "answer") {
                checkAnswer();
            }
        });
    </script>
</body>
</html>
```