https://github.com/saddamarbaa/guess-the-number-game

==> Guess the number game with vanilla JavaScript (Built With HTML, CSS, JavaScript)
https://github.com/saddamarbaa/guess-the-number-game

functions helper-functions html-css javascript-variables loops vanilla-javascript

Last synced: about 1 month ago
JSON representation

==> Guess the number game with vanilla JavaScript (Built With HTML, CSS, JavaScript)

• Host: GitHub
• URL: https://github.com/saddamarbaa/guess-the-number-game
• Owner: saddamarbaa
• Created: 2020-11-22T21:01:36.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-30T17:26:57.000Z (about 4 years ago)
• Last Synced: 2025-02-03T18:02:08.806Z (3 months ago)
• Topics: functions, helper-functions, html-css, javascript-variables, loops, vanilla-javascript
• Language: JavaScript
• Homepage: https://guess-the-number-game-app.netlify.app/
• Size: 58.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Guess The Number Game

 Guess the number game (Store random number from 1 to 100) 

 

 ## How to play :  

 

 ==> Guess the number game ask user What's your guess?

If the user entered a random number that is bigger than the correct number will say Your guess is too high!.

If the user entered a random number that is smaller than the correct number will say Your guess is too low!.

If the user entered the correct number will say Awesome job, you got it!.

It allows the user to reset the game at any time they wanted.

(Built with HTML, CSS, JavaScript)

 

 ### LIVE DEMO

### GitHub Pages DEMO

### LIVE DEMO VEDIO

 

## When the user guess is smaller  than correct number

  ![image](https://user-images.githubusercontent.com/51326421/100022565-fc7a5a80-2e15-11eb-9b50-bd8c668d35a7.png)

## When the user guess is bigger than correct number

  

![image](https://user-images.githubusercontent.com/51326421/100022926-9f32d900-2e16-11eb-9d5c-c30261624254.png)

## When the user guessed the correct number

![image](https://user-images.githubusercontent.com/51326421/100023401-7e1eb800-2e17-11eb-8cae-98d86450ec3c.png)

##  DONE

DONE : Get user value from input and save it to variable numberGuess

  

DONE : Generate a random number 1 to 100 and save it to variable correctNumber

  

DONE : Console whether the guess is too high, too low, or is correct inside playGame function

 

DONE : Create a function called displayResult to move the logic for if the guess is too high, too low, or correct

 

DONE : Complete the showYouWon, showNumberAbove, showNumberBelow

 

DONE : Use the showYouWon... functions within displayResult to display the correct dialog

 

DONE : Save the guess history in a variable called guess

 

DONE : Display the guess history using displayHistory() function

 

DONE : Use the initGame() function to restart the game

 

## TODO

TODO : Improve the code efficiency as much as possible