A fun and interactive number guessing game with multiple difficulty levels, built with HTML, Tailwind CSS, and JavaScript.
-
3 Difficulty Modes
-
🟢 Easy Mode: 20 attempts
-
🟠 Hard Mode: 15 attempts
-
🔴 Ultimate Mode: 10 attempts
-
-
Dynamic feedback messages with emoji reactions 😎
-
Color-coded UI indicators (green=win, red=lose, purple=theme)
-
High score tracking 🏆
-
Mobile-first responsive design 📱
-
Interactive modals for rules & mode selection
-
Custom scrollbar styling
-
Gradient text effects 🌈
-
HTML5
-
Tailwind CSS
-
Vanilla JavaScript
-
SVG icons
-
Google Fonts (Comic Neue, Coming Soon, Inter)
-
Choose your difficulty level
-
Guess numbers between 1-50
-
Get color-coded hints (too high/low)
-
Try to guess before attempts run out!
-
Win → Reveal number & update high score
-
Lose → Game over screen
-
Click "Play Again" to restart
-
Guess the hidden number (shown as ?)
-
Lose 1 point per wrong guess
-
Initial score = number of attempts
-
Win by guessing correctly
-
Lose if score reaches 0
-
High score persists between games
Contributions are welcome! Please follow these steps:
-
Fork the project
-
Create your feature branch (
git checkout -b feature/AmazingFeature
) -
Commit changes (
git commit -m 'Add some AmazingFeature'
) -
Push to branch (
git push origin feature/AmazingFeature
) -
Open a Pull Request
Designed by Bello Ibrahim