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

No:8047

986

←

Prev Next

→

riddle game
Developer User3252｜Date and time 23/7/12 11:42:21
Build time 20.413 sec｜Game capacity 2.438KB｜

Script

了解しました。以下に謎解きゲームの一例を示します。

謎解きゲーム

上記のコードは、３つの謎を出題し、ユーザーがその答えを入力して正解かどうか判定する謎解きゲームです。ゲームの進行はブラウザ上で表示されるメッセージを通じて行われます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に謎解きゲームの一例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>謎解きゲーム</title>
  <style>
    body {
      text-align: center;
    }
    #question {
      font-size: 24px;
      margin-bottom: 16px;
    }
    #answer {
      margin-bottom: 16px;
    }
    #result {
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>謎解きゲーム</h1>
  <div id="question"></div>
  <input type="text" id="answer" placeholder="答えを入力してください">
  <button id="submit">解答する</button>
  <div id="result"></div>

const questionElement = document.getElementById("question");
    const answerElement = document.getElementById("answer");
    const resultElement = document.getElementById("result");
    const submitButton = document.getElementById("submit");

let currentRiddleIndex = 0;

function showNextRiddle() {
      // 現在の問題を表示
      questionElement.textContent = riddles[currentRiddleIndex].question;
      answerElement.value = "";
      resultElement.textContent = "";
    }

submitButton.addEventListener("click", checkAnswer);

showNextRiddle();
  </script>
</body>
</html>
```