A fun take on the classic 'whack-a-mole' built with vanilla JavaScript, HTML, CSS.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
css
js
node_modules
README.md
index.html
package-lock.json

README.md

whack-a-shark!

Technologies Used

Approach Taken

Setup Trello board to break down steps of the project trello

Setup grid of boxes first for the gameboard
Setup layout of game buttons and displays
Broke down functions needed for a playable game:

  • Tracking turns between 2 players
  • Setup game timer and increment
  • Generate random shark pop ups during time allowed
  • Tracking points scored for each player and display
  • Check for winner or draw and display
  • Track high score
  • Reset for a new game

Setup Home Page and Play Game Page

home game

Next Steps

  • Improve Shark animation
  • Create mulitple levels with different speeds
  • Additional styling

Resources Used

  • Canva.com for the artwork
  • Google fonts