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

No:12339

250

←

Prev Next

→

In this game, the game asks you simple basic addit..ALL
Developer User3709｜Date and time 23/8/15 4:02:00
Build time 33.596 sec｜Game capacity 3.813KB｜

Script

in". After each question, the question will be generated randomly with a harder question. The game will keep track of the total number of questions answered and display it in the top center. The player can play as many times as they want. Here's the implementation for the game as a single HTML file:

Addition Game

Points: 0

Total Questions Answered: 0

To play the game, you can save the above code into a file with an HTML extension (e.g., game.html) and open it in a web browser. The game will start automatically.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Here's the implementation for the game as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Addition Game Answer Correct</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #points {
      position: absolute;
      top: 10px;
      left: 10px;
    }
    #hint {
      position: absolute;
      top: 10px;
      right: 10px;
    }
    #question {
      font-size: 24px;
      margin-top: 50px;
    }
    #answer {
      margin-top: 20px;
    }
    #message {
      margin-top: 20px;
    }
    #total-questions {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <h1>Addition Game</h1>

<div id="points">Points: <span id="score">0</span></div>
  <div id="hint"><button onclick="hintClicked()">Hint</button></div>
  <div id="question"></div>
  <div id="answer"><input type="text" id="user-answer" autofocus/></div>
  <div id="message"></div>
  <div id="total-questions">Total Questions Answered: <span id="counter">0</span></div>

// Check if the user's answer is correct
    function checkAnswer(answer, num1, num2) {
      return answer === num1 + num2;
    }

// Update the points and question counter
    function updateStats(points, counter) {
      document.getElementById("score").textContent = points;
      document.getElementById("counter").textContent = counter;
    }

// Handle the hint button click
    function hintClicked() {
      var points = parseInt(document.getElementById("score").textContent);
      if (points < 10) {
        alert("Insufficient points");
      } else {
        document.getElementById("score").textContent = points - 10;
        document.getElementById("message").textContent = "The answer is " + (num1 + num2);
      }
    }

// Start the game
    function startGame() {
      var points = 0;
      var counter = 0;
      var questionElem = document.getElementById("question");
      var answerElem = document.getElementById("user-answer");
      var messageElem = document.getElementById("message");

answerElem.addEventListener("keydown", function(event) {
        if (event.keyCode === 13) {
          var answer = parseInt(answerElem.value);
          if (checkAnswer(answer, num1, num2)) {
            points += 10;
            counter++;
            updateStats(points, counter);
            messageElem.textContent = ``;
            var numbers = generateQuestion();
            num1 = numbers[0];
            num2 = numbers[1];
            questionElem.textContent = `${num1} + ${num2} =`;
            answerElem.value = "";
          } else {
            messageElem.textContent = "Incorrect, try again";
            answerElem.value = "";
            answerElem.focus();
          }
        }
      });

var numbers = generateQuestion();
      num1 = numbers[0];
      num2 = numbers[1];
      questionElem.textContent = `${num1} + ${num2} =`;
      updateStats(points, counter);
  }

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

To play the game, you can save the above code into a file with an HTML extension (e.g., game.html) and open it in a web browser. The game will start automatically.