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

No:9384

145

←

Prev Next

→

Guess the anime quiz
Developer User4346｜Date and time 23/7/24 3:24:10
Build time 17.578 sec｜Game capacity 2.044KB｜

Script

Викторина, Угадай аниме

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
  * {
    box-sizing: border-box;
  }

body {
    font-family: Arial, sans-serif;
  }

.container {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
  }

h1 {
    color: #333;
  }

img {
    max-width: 200px;
    height: auto;
    display: block;
    margin: 20px auto;
  }

button {
    padding: 10px 20px;
    font-size: 18px;
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
  }

button:hover {
    background-color: #555;
  }

.result {
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
  }
</style>
</head>
<body>
<div class="container">
  <h1>Викторина, Угадай аниме</h1>
  <img src="" id="anime-image">
  <button onclick="checkAnswer(true)">Да</button>
  <button onclick="checkAnswer(false)">Нет</button>
  <p class="result" id="result-text"></p>
</div>

var quizQuestions = [
  {
    imageSrc: "naruto.png",
    answer: true
  },
  {
    imageSrc: "one-piece.png",
    answer: true
  },
  {
    imageSrc: "dragon-ball.png",
    answer: true
  },
  {
    imageSrc: "attack-on-titan.png",
    answer: true
  },
  {
    imageSrc: "death-note.png",
    answer: true
  }
];

function startGame() {
  showQuestion();
}

function showQuestion() {
  var question = quizQuestions[currentQuestionIndex];
  var imageElement = document.getElementById("anime-image");
  imageElement.setAttribute("src", question.imageSrc);
}

function checkAnswer(userAnswer) {
  var question = quizQuestions[currentQuestionIndex];

if (userAnswer === question.answer) {
    score++;
  }

currentQuestionIndex++;

if (currentQuestionIndex < quizQuestions.length) {
    showQuestion();
  } else {
    showResult();
  }
}

function showResult() {
  var resultTextElement = document.getElementById("result-text");
  resultTextElement.innerText = "You scored " + score + " out of " + quizQuestions.length;
}

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