An interactive web-based Number Guessing Game built using HTML, CSS, and JavaScript.
In this game, the user first selects a maximum number range. The system then generates a random number within that range, and the player must guess the correct number.
- 🎲 User selects maximum range
- 🔢 Random number generation within selected range
- 🧠 Hint system (Too High / Too Low)
- ✅ Displays correct guess message
- 🔄 Option to restart the game
- 📱 Responsive and user-friendly interface
- HTML5
- CSS3
- JavaScript (DOM Manipulation & Logic)
Guessing_Game/ │ ├── index.html # Main game interface ├── Guessing_Game.css # Styling file ├── game.js # Game logic └── README.md # Project documentation
- Enter the maximum number range (example: 100).
- Click the Start Game button.
- The system generates a random number between 1 and your selected range.
- Enter your guess.
- You will receive hints:
- 📉 Too Low
- 📈 Too High
- Keep guessing until you find the correct number.
- The game displays a success message when you guess correctly.
-
Clone the repository: git clone https://github.com/kunwarshivamjsr/Guessing_Game
-
Open the project folder.
-
Open
index.htmlin your browser.
This project helps in understanding:
- JavaScript random number generation
- Conditional statements
- Event handling
- DOM manipulation
- Basic game logic implementation
For suggestions or improvements:
- Email: shivamjsrcg@gmail.com
This project is open source and free to use for educational purposes.