○×クイズ。AIが数学の問題を出し、◯か✕のボタンで答える。その後正解か不正解か表示し、◯と✕のボタンを非表示にし、次へボタンを表示する。次へボタンを押すとリセットし次の問題へ's game

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

No:36462

←

Prev Next

→

○×クイズ。AIが数学の問題を出し、◯か✕のボタンで答える。その後正解か不正解か表示し、◯と✕のボタ..ALL
Developer User16795｜Date and time 24/1/17 20:02:43
Build time 12.263 sec｜Game capacity 2.602KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>○×クイズ</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      font-size: 24px;
    }
    #question {
      margin: 50px auto;
    }
    .button {
      margin: 20px;
      padding: 10px 20px;
      font-size: 24px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="question"></div>
  <button id="trueButton" class="button" onclick="checkAnswer(true)">◯</button>
  <button id="falseButton" class="button" onclick="checkAnswer(false)">✕</button>
  <button id="nextButton" class="button" style="display: none;" onclick="nextQuestion()">次へ</button>

var currentQuestionIndex = 0;

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

function checkAnswer(answer) {
      var questionElement = document.getElementById("question");
      var trueButton = document.getElementById("trueButton");
      var falseButton = document.getElementById("falseButton");
      var nextButton = document.getElementById("nextButton");

if (answer === questions[currentQuestionIndex].answer) {
        questionElement.textContent = "正解";
      } else {
        questionElement.textContent = "不正解";
      }

trueButton.style.display = "none";
      falseButton.style.display = "none";
      nextButton.style.display = "inline-block";
    }

function nextQuestion() {
      var questionElement = document.getElementById("question");
      var trueButton = document.getElementById("trueButton");
      var falseButton = document.getElementById("falseButton");
      var nextButton = document.getElementById("nextButton");

currentQuestionIndex++;

if (currentQuestionIndex === questions.length) {
        questionElement.textContent = "ゲーム終了";
        trueButton.style.display = "none";
        falseButton.style.display = "none";
        nextButton.style.display = "none";
      } else {
        showQuestion();
        trueButton.style.display = "inline-block";
        falseButton.style.display = "inline-block";
        nextButton.style.display = "none";
      }
    }

showQuestion();
  </script>
</body>
</html>