Skip to content

Latest commit

Β 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 

Repository files navigation

🎯 Bubble Game - JavaScript

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.


πŸ•ΉοΈ How to Play

  1. A random number appears at the top (target number).
  2. Click on bubbles that match the target number.
  3. Every correct click increases your score.
  4. New bubbles appear continuously β€” and you only have 60 seconds to score as high as possible!
  5. Wrong clicks = no score.

🎯 Fast clicks and sharp eyes = high score!


πŸš€ Features

  • Dynamic bubble generation
  • Real-time score updates
  • Countdown timer
  • Clean UI using CSS Flexbox
  • Pure HTML/CSS/JavaScript β€” no external libraries

πŸ›  Tech Stack

  • HTML5 – Markup structure
  • CSS3 – Styling & layout (Flexbox-based)
  • JavaScript (ES6) – Game logic, DOM manipulation, event handling

πŸ“Έ Preview

(You can add a live preview GIF or screenshot here later)
Try hosting it with GitHub Pages or CodeSandbox to show live demo.


πŸ“¦ How to Run Locally

git clone https://github.com/vikas-singh369/Buble-game-javascript.git
cd Buble-game-javascript
# Open index.html in any browser

About

Created a Bubble Game using HTML, CSS, and JavaScript by following a YouTube tutorial.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages