An open API service indexing awesome lists of open source software.

https://github.com/nidhiupman568/whac-a-mole-game

๐ŸŽ‰This project brings the classic arcade fun to life using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿš€
https://github.com/nidhiupman568/whac-a-mole-game

css front-end-development html interactive-web-design javascript web-animation web-development whac-a-mole-game

Last synced: 2 months ago
JSON representation

๐ŸŽ‰This project brings the classic arcade fun to life using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿš€

Awesome Lists containing this project

README

        

# ๐Ÿ”จWhac-A-Mole Game ๐Ÿญ

๐ŸŽ‰This project brings the classic arcade fun to life using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript. ๐Ÿš€

Project Demo: https://nidhiupman568.github.io/Whac-a-Mole-Game/

## Features ๐ŸŒŸ

- **Dynamic Game Board ๐Ÿ•น๏ธ**: The game board is dynamically set using JavaScript and DOM manipulation. ๐Ÿ–ผ๏ธ
- **Interactive Gameplay ๐ŸŽฎ**: Click handlers allow you to whack moles and piranha plants. ๐Ÿ”จ
- **Random Spawns ๐Ÿ”„**: Moles and piranha plants randomly appear on the board, keeping the game exciting and unpredictable. ๐ŸŽฒ

## How to Play ๐Ÿญ

1. **Start the Game ๐Ÿš€**: Open `index.html` in your browser. ๐ŸŒ
2. **Whack Moles and Piranha Plants ๐Ÿพ**: Click on them as they appear. ๐Ÿ’ฅ
3. **Score Points ๐Ÿ†**: Earn points for each successful whack. ๐ŸŽฏ

## Getting Started ๐Ÿš€

1. Clone the repository: 'https://github.com/nidhiupman568/Whac-a-Mole-Game.git' ๐ŸŒ€

2. Open the `index.html` file in your browser. ๐ŸŒ

## Technologies Used ๐Ÿ’ป

- **HTML5 ๐ŸŒ**
- **CSS3 ๐ŸŽจ**
- **JavaScript ๐Ÿ’ป**

#### Screenshots (Output) ๐Ÿ“ธ

![WHAC A MOLE GAME](https://github.com/nidhiupman568/Whac-a-Mole-Game/assets/130860182/05826d07-5b3d-4624-9fae-b98f38dbfc93) ๐Ÿญ