Math game but gets more difficult with each question Questions can be addition, subtraction, multiplication, and division's game

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

No:44641

←

Prev Next

→

Math game but gets more difficult with each questi..ALL
Developer User19440｜Date and time 24/2/18 21:46:07
Build time 8.552 sec｜Game capacity 1.639KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Math Game</title>
</head>
<body>
  <div id="question"></div>
  <input type="text" id="answer" />
  <button onclick="checkAnswer()">Submit</button>
  
  <script>
    let score = 0;
    let level = 1;
    
    function generateQuestion() {
      let operation = Math.floor(Math.random() * 4); // 0: addition, 1: subtraction, 2: multiplication, 3: division
      let num1 = Math.floor(Math.random() * level * 10);
      let num2 = Math.floor(Math.random() * level * 10);
      
      let questionText = "";
      
      switch(operation) {
        case 0:
          questionText = num1 + " + " + num2;
          correctAnswer = num1 + num2;
          break;
        case 1:
          questionText = num1 + " - " + num2;
          correctAnswer = num1 - num2;
          break;
        case 2:
          questionText = num1 + " * " + num2;
          correctAnswer = num1 * num2;
          break;
        case 3:
          questionText = num1 + " / " + num2;
          correctAnswer = num1 / num2;
          break;
        default:
          break;
      }
      
      document.getElementById("question").textContent = questionText;
    }
    
    function checkAnswer() {
      let userAnswer = parseInt(document.getElementById("answer").value);
      if(userAnswer === correctAnswer) {
        score++;
        level++;
        alert("Correct! Your score: " + score);
      } else {
        alert("Incorrect. Game Over. Final Score: " + score + ". Try again!");
        score = 0;
        level = 1;
      }
      
      generateQuestion();
    }
    
    generateQuestion();
  </script>
</body>
</html>