Math WebGame

How to Play

Navigation

Layout

Layout

  • Timer (above the container)
  • Score (next to the multiplier)
  • Multiplier (next to the score)
  • Container (center of the screen)
  • Math problem (top of the container)
  • Number input field (center of the container)
  • Submit button (bottom of the container)
Gameplay
Answering Questions

Answering Questions

  • Enter an answer in the input located at the game container's center, then click the button below it to submit your answer
  • If a division question results in a float, then enter an answer w/2 decimal places in the input
  • Clicking the button while the input is empty and the timer isn't running (the game's initial state) will decrease the score by 10 points
  • After clicking the submit button, the next math problem will be randomized
Multiplier

Multiplier

  • Starts at 1x
  • Increases by 1 if the player answers a question correctly
  • Decreases by 1 if the player answers a question incorrectly
  • Increases the score by the result of its number times 10 if the player answers a question correctly (For example, if the score is 30, the multiplier is 3x, and a correct answer was made, then the updated score would be 60)
  • Decreases the score by the result of 10 times the multiplier minus 1 (10 * (multiplier - 1)) if the player answers a question incorrectly (For example, if the score is 30, the multiplier is 3x, and an incorrect answer was made, then the updated score would be 10)
Timer

Timer

  • Starts as soon as the webpage fully loads
  • When it expires, an overlay will appear displaying the number of correct and incorrect answers, the final score and high score, and a button prompting the user to play the game again (everything restarts when the user clicks the "play again" button)