- play button is gray until you hover then it is white with an underline
- difficulty will be a scroll wheel of 3 choices
- grid will be a number value (minimum of 2, max of 6) which will define the grid size of the game page.
- cursor will be a small hammer icon (cursor css function);
- grid of white circles
- mole figure will pop up at random at a random interval and remain visible for a set duration depening on the difficult (harder will disapear faster)
- using setTimeout will let me see if the player clicked the mole in time or not.
- had a bonk counter on the top right which tracks the number of people hit
- has a timer of 30s on the bottom. At 0s the game over things will appear
- 30 seconds to get as high a score as possible.
- grey worth 1 point, gold worth 5 points, red worth negative 3 points
- difficulty changes how long the moles remain popped up for
- at 0s a pop up will appear saying time's up and play again
- play again will restart the same level
- menu will go back to the menu page.
- https://lage.us/Javascript-Pass-Variables-to-Another-Page.html
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Array
- https://www.w3schools.com/js/js_random.asp
- https://learningactors.com/javascript-guard-clauses-how-you-can-refactor-conditional-logic/
- https://developer.mozilla.org/en-US/docs/Web/API/setInterval
- https://stackoverflow.com/questions/4641752/css-how-to-style-a-selected-radio-buttons-label
- https://www.geeksforgeeks.org/how-to-center-an-element-using-positionfixed-in-css/#
- https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity