A game where you solve math to get a good score on a time limit's game

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

No:20861

←

Prev Next

→

A game where you solve math to get a good score on..ALL
Developer User9184｜Date and time 23/10/11 14:30:17
Build time 150.965 sec｜Game capacity 4.817KB｜

Script

Sure! Here's an example of an HTML file that contains a simple math game using JavaScript. The game requires players to solve math problems within a time limit to get a good score. Pictograms are not used in this example, but the game is designed to be playable on a smartphone!!!!!

To play, you simply open the HTML file in a web browser that supports JavaScript (e.g., Google Chrome). When you click the "Start Game" button, a math problem will be displayed, and you need to enter the correct answer in the input field before the time runs out (30 seconds). The game keeps track of your score and updates it after each problem. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>xtra math</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

body {
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

#game-container {
      text-align: center;
    }

#problem {
      font-size: 24px;
      margin-bottom: 20px;
    }

#answer-input {
      font-size: 18px;
      padding: 5px 10px;
      margin-bottom: 20px;
      width: 200px;
    }

#result {
      font-size: 18px;
      margin-bottom: 20px;
    }

#score {
      font-size: 24px;
    }

#timer {
      font-size: 24px;
      margin-bottom: 20px;
    }

#start-button {
      font-size: 18px;
      padding: 8px 16px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

#start-button:focus {
      outline: none;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="problem"></div>
    <input type="number" id="answer-input" placeholder="Enter your answer">
    <div id="result"></div>
    <div id="score"></div>
    <div id="timer"></div>
    <button id="start-button">Start Game</button>
  </div>

var problemElement = document.getElementById('problem');
      var answerInput = document.getElementById('answer-input');
      var resultElement = document.getElementById('result');
      var scoreElement = document.getElementById('score');
      var timerElement = document.getElementById('timer');
      var startButton = document.getElementById('start-button');

function generateProblem() {
        var num1 = Math.floor(Math.random() * 10) + 1;
        var num2 = Math.floor(Math.random() * 10) + 1;
        var operator = ['+', '-', '*', '/'][Math.floor(Math.random() * 4)];

var problem;

switch (operator) {
          case '+':
            problem = num1 + ' + ' + num2;
            break;
          case '-':
            problem = num1 + ' - ' + num2;
            break;
          case '*':
            problem = num1 + ' * ' + num2;
            break;
          case '/':
            problem = num1 * num2 + ' / ' + num2;
            break;
        }

problemElement.textContent = problem;
      }

function checkAnswer() {
        var userAnswer = parseFloat(answerInput.value);
        var problem = problemElement.textContent;
        var expectedAnswer = eval(problem.replace('÷', '/'));

if (userAnswer === expectedAnswer) {
          resultElement.textContent = "Correct!";
          score += 1;
        } else {
          resultElement.textContent = "Wrong!";
        }

answerInput.value = "";
        scoreElement.textContent = "Score: " + score;
        generateProblem();
      }

function startTimer() {
        timerValue = 30;
        timerElement.textContent = timerValue + 's';
        timerInterval = setInterval(function() {
          timerValue -= 1;
          timerElement.textContent = timerValue + 's';

if (timerValue === 0) {
            clearInterval(timerInterval);
            answerInput.disabled = true;
            resultElement.textContent = "Game Over!";
          }
        }, 1000);
      }

function startGame() {
        score = 0;
        scoreElement.textContent = "Score: " + score;
        resultElement.textContent = "";
        generateProblem();
        answerInput.disabled = false;
        answerInput.focus();
        startTimer();
      }

startButton.addEventListener('click', startGame);
      answerInput.addEventListener('keyup', function(event) {
        if (event.keyCode === 13) {
          checkAnswer();
        }
      });
    }

var game = new MathGame();
  </script>
</body>
</html>
```