A fast-paced, fun, and simple number-hitting game built using HTML, CSS, and JavaScript. The challenge? Hit the correct bubble with the target number — all under 60 seconds!
- You’ll be given a target number.
- Bubbles with random numbers will appear on the screen.
- Click the bubble that matches the target number.
- For every correct hit, your score increases by 10 points.
- The game ends when the 60-second timer runs out.
- Try to get the highest score possible before time runs out!
- ⏱️ Countdown Timer (60 seconds)
- 🔄 Auto-refreshing Bubbles
- 🧠 Score Tracker
- 🎯 Randomized Bubble Values
- 📱 Responsive Design
- HTML
- CSS
- JavaScript (Vanilla)
This project was inspired by a tutorial from Sheriyan Coding School, which helped enhance my understanding of JavaScript and DOM manipulation.
Big thanks to their content for simplifying complex topics!
Not added yet, but here's a space to add if you want:
- Difficulty levels
- Sound effects
- Animated feedback for correct/wrong hits
- High score storage with localStorage
If you'd like to explore the code and run the project locally:
git clone https://github.com/your-username/bubble-game.git
cd bubble-game
# Then open index.html in your browser