A fun and interactive browser game built using HTML, CSS, and JavaScript, where players pop bubbles matching the target number within a limited time!
This project is a great example of how to manipulate the DOM dynamically and handle game logic using pure JavaScript β no frameworks or libraries involved.
- A random number appears at the top (target number).
- Click on bubbles that match the target number.
- Every correct click increases your score.
- New bubbles appear continuously β and you only have 60 seconds to score as high as possible!
- Wrong clicks = no score.
π― Fast clicks and sharp eyes = high score!
- Dynamic bubble generation
- Real-time score updates
- Countdown timer
- Clean UI using CSS Flexbox
- Pure HTML/CSS/JavaScript β no external libraries
- HTML5 β Markup structure
- CSS3 β Styling & layout (Flexbox-based)
- JavaScript (ES6) β Game logic, DOM manipulation, event handling
(You can add a live preview GIF or screenshot here later)
Try hosting it with GitHub Pages or CodeSandbox to show live demo.
git clone https://github.com/vikas-singh369/Buble-game-javascript.git
cd Buble-game-javascript
# Open index.html in any browser