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

No:41762

←

Prev Next

→

BFdI Simulator
Developer Bowgray｜Date and time 24/2/9 19:31:34
Build time 12.899 sec｜Game capacity 3.656KB｜

Script

BFdI Simulator

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>BFdI Simulator</title>
  <style>
    #container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      flex-direction: column;
      font-family: Arial, sans-serif;
      font-size: 24px;
    }
    #game {
      display: none;
    }
    .buttons {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    .button {
      cursor: pointer;
      margin: 0 10px;
      padding: 10px 20px;
      background-color: #EEE;
      border: none;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <div id="container">
    <h1>BFdI Simulator</h1>
    <button id="startButton" class="button">Start</button>
  </div>

var currentIndex = 0;
    var score = 0;

var container = document.getElementById("container");
    var game = document.getElementById("game");
    var prompt = document.getElementById("prompt");
    var buttonA = document.getElementById("buttonA");
    var buttonB = document.getElementById("buttonB");
    var buttonC = document.getElementById("buttonC");
    var startButton = document.getElementById("startButton");

startButton.addEventListener("click", function() {
      container.style.display = "none";
      game.style.display = "block";
      displayQuestion();
    });

buttonA.addEventListener("click", function() {
      checkAnswer(buttonA.textContent);
    });

buttonB.addEventListener("click", function() {
      checkAnswer(buttonB.textContent);
    });

buttonC.addEventListener("click", function() {
      checkAnswer(buttonC.textContent);
    });

function displayQuestion() {
      if (currentIndex >= questions.length) {
        endGame();
        return;
      }

var currentQuestion = questions[currentIndex];
      prompt.textContent = currentQuestion.prompt;
      buttonA.textContent = currentQuestion.options[0].image;
      buttonB.textContent = currentQuestion.options[1].image;
      buttonC.textContent = currentQuestion.options[2].image;
    }

function checkAnswer(answer) {
      var currentQuestion = questions[currentIndex];
      var correctAnswer = currentQuestion.options[0].value;

if (answer === correctAnswer) {
        score++;
      }

currentIndex++;
      displayQuestion();
    }

function endGame() {
      game.style.display = "none";
      container.style.display = "flex";
      container.innerHTML = "<h1>Game Over</h1><p>Your score: " + score + "</p>";
      startButton.textContent = "Restart";
      startButton.style.display = "block";
      startButton.addEventListener("click", function() {
        location.reload();
      });
    }
  </script>
</body>
</html>