Frontend Engineer

Mini Web Game | Number Guesser

- View the website -

Responsive: Yes

Zoe Lin - Full Stack Developer

Number Guesser showcase

- Brief -

Using HTML, CSS and JavaScript create a number-guessing game that gives a user 10 attempts to guess a randomly selected number between 1 and 25 (inclusive), under the following conditions:

  • The user should be able to see how many guesses they have left, as well as what numbers they have previously used.
  • If a user tries a number they’ve already used, they should see a message displayed in a red box letting them know this is the case. This attempt should not subtract from the total of remaining guesses.
  • If they guess the right number, the user should see a message displayed in a green box offering them the ability to play again with a new random selection.
  • If the user runs out of turns without guessing correctly, they should receive an appropriate message in a red box and the ability to play again with a new random selection.