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

No:44640

120

←

Prev Next

→

Math game but gets more difficult with each questi..ALL
Developer User19440｜Date and time 24/2/18 21:44:29
Build time 11.22 sec｜Game capacity 2.242KB｜

Script

Math Game

←

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>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    button {
      padding: 10px 20px;
      font-size: 16px;
      margin-top: 20px;
      cursor: pointer;
      background-color: #333;
      color: white;
      border: none;
    }
  </style>
</head>
<body>
  <h1>Math Game</h1>
  
  <div id="question"></div>
  <input type="text" id="answer" placeholder="Your answer">
  <button onclick="checkAnswer()">Submit</button>
  
  <script>
    let level = 1;
    
    function generateRandomNumber(max) {
      return Math.floor(Math.random() * max) + 1;
    }
    
    function generateQuestion() {
      let num1, num2, operator, result;
      
      switch (level) {
        case 1:
          num1 = generateRandomNumber(10);
          num2 = generateRandomNumber(10);
          operator = '+';
          result = num1 + num2;
          break;
        case 2:
          num1 = generateRandomNumber(20);
          num2 = generateRandomNumber(20);
          operator = '-';
          result = num1 - num2;
          break;
        case 3:
          num1 = generateRandomNumber(10);
          num2 = generateRandomNumber(10);
          operator = 'x';
          result = num1 * num2;
          break;
        case 4:
          num1 = generateRandomNumber(10);
          num2 = generateRandomNumber(10);
          operator = '÷';
          num2 = num1 * num2;
          result = num1;
          break;
      }
      
      document.getElementById('question').innerText = `${num1} ${operator} ${num2} = ?`;
      document.getElementById('answer').value = '';
      
      return result;
    }
    
    function checkAnswer() {
      let userAnswer = parseInt(document.getElementById('answer').value.trim());
      let correctAnswer = generateQuestion();
      
      if (userAnswer === correctAnswer) {
        alert('Correct! Let\'s move on to the next level.');
        level++;
      } else {
        alert('Incorrect! Game over. Your final level is: ' + level + '.');
        level = 1;
      }
    }
    
    generateQuestion();
  </script>
</body>
</html>