jonathanbc10 / Whac-a-mole

A simple Whac-a-Mole game written in Vanilla JavaScript, HTML and CSS.

Whac-a-Mole Game

This is a simple Whac-a-Mole game written in JavaScript, HTML and CSS. The game consists of a grid of squares, one of which randomly contains a mole that appears and disappears in different squares. The player's objective is to click on the square containing the mole as many times as possible in the given time.

Run Locally

Clone the project

  git clone https://github.com/jonathanbc10/Whac-a-mole.git

Go to the project directory

  cd Whac-a-mole

And just double click the index.html file.

The game should be load and ready to play!

Gameplay

• The game starts with a 60 seconds countdown.
• A mole will appear randomly on one of the squares on the grid.
• The player's objective is to click on the square containing the mole as many times as possible within the given time.
• The player's score is displayed at the top of the screen.
• The game is over when the countdown reaches 0 or when the player clicks the "Stop" button.
• A "Start" button is provided to start a new game.
• A "Reset" button is provided to reset the game.

Tech Stack

• HTML
• CSS
• Vanilla JavaScript

Acknowledgements

• Mole image generated by Nightcafe A.I

Authors

• @jonathanbc10

License

This project is licensed under the MIT License