Bubble Game

An interactive browser-based Bubble Game built using HTML, CSS, and JavaScript.

Live Demo

https://my-bubbles-game.netlify.app/

Features

• Dynamic Bubble Generation
• Random Target Number System
• Score Tracking
• 60-Second Countdown Timer
• Correct and Wrong Sound Effects
• Real-Time User Feedback
• Game Over Screen
• Restart Functionality
• Responsive User Interaction
• Event-Driven JavaScript Logic

Technologies Used

• HTML5
• CSS3
• JavaScript

How to Play

1. A target number appears on the screen.
2. Click the bubble containing the matching number.
3. Earn points for every correct click.
4. Avoid incorrect selections.
5. Continue until the timer reaches zero.
6. View your final score and restart the game.

Project Highlights

• Implemented dynamic DOM manipulation for bubble generation.
• Built a score tracking and countdown timer system.
• Added sound effects for correct and incorrect actions.
• Used event delegation for efficient click handling.
• Developed restart functionality and game state management.

Author

Pratik Suresh Sarse