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

No:7000

101

←

Prev Next

→

Dog Junction! Five people will ask you questions a..ALL
Developer User3589｜Date and time 23/7/4 22:27:37
Build time 22.43 sec｜Game capacity 2.769KB｜

Script

了解しました。以下に示すのはJavaScriptを使用して実装された簡単なゲーム、「犬ジャンクション！」の例です。

犬ジャンクション！

このゲームでは、5つの質問がランダムに表示されます。プレイヤーは正確な答えを入力して回答する必要があります。正しい回答が与えられた場合、次の質問に進んでいきます。全ての質問に正しく回答するとゲームクリアとなります。こちらのゲームは、1枚のHTMLファイル内に実装されており、JavaScriptの処理は実行開始されます。ユーザーはスマートフォンで操作することができます。また、絵文字は使用されていませんが、ご要望があれば絵文字を追加することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に示すのはJavaScriptを使用して実装された簡単なゲーム、「犬ジャンクション！」の例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <h1>犬ジャンクション！</h1>
  <h2 id="question"></h2>
  <input type="text" id="answer" placeholder="答えを入力してください">
  <button onclick="checkAnswer()">回答する</button>
  <p id="result"></p>

let currentQuestionIndex = 0;

function displayQuestion() {
      const questionElement = document.getElementById("question");
      questionElement.textContent = questions[currentQuestionIndex].question;
    }

function checkAnswer() {
      const answerElement = document.getElementById("answer");
      const resultElement = document.getElementById("result");

const userAnswer = answerElement.value;
      const correctAnswer = questions[currentQuestionIndex].answer;

if (userAnswer === correctAnswer) {
        resultElement.textContent = "正解！次の質問に進もう！";
        currentQuestionIndex++;
        if (currentQuestionIndex >= questions.length) {
          resultElement.textContent = "ゲーム終了！おめでとう！";
          answerElement.disabled = true;
        } else {
          displayQuestion();
        }
      } else {
        resultElement.textContent = "不正解！もう一度挑戦しよう！";
      }

answerElement.value = "";
    }

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

このゲームでは、5つの質問がランダムに表示されます。プレイヤーは正確な答えを入力して回答する必要があります。正しい回答が与えられた場合、次の質問に進んでいきます。全ての質問に正しく回答するとゲームクリアとなります。

こちらのゲームは、1枚のHTMLファイル内に実装されており、JavaScriptの処理は実行開始されます。ユーザーはスマートフォンで操作することができます。また、絵文字は使用されていませんが、ご要望があれば絵文字を追加することも可能です。