# Mini-Project: Whack-A-Mole :sparkles:
Pair: Neville & Sevda
<iframe src="https://giphy.com/embed/ls9u99qMoPPOM" height="250" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
---
Our work process:
- We decide to build Whack-A-Mole game.
- Discussed design; Get the colors from the Japanese festivals.
- We used back-seat-driver method to pair. And we swap in every new branch.
- We made a repo
- Stretch Goals: Add highest score; Create difficulty levels; Change images; Have 'bad' moles (negative score)
---
---
<iframe src="https://giphy.com/embed/xT5LMq6mrmaKPMuJgY" width="480" height="360" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
https://fac21.github.io/Week3-Mini-Project-NS/
---
```!=
const scoreBoard = document.querySelector(".score");
const highScoreBoard = document.querySelector(".highScore");
const highestPoints = localStorage.getItem("highestPoints")
? (highScoreBoard.textContent = localStorage.getItem("highestPoints"))
: (highScoreBoard.textContent = 0);
```
---
```!=
function bonk(event) {
console.log(event);
if (!event.isTrusted) return;
score++;
this.classList.remove("up");
scoreBoard.textContent = score;
if (score > highScoreBoard.textContent) {
highScoreBoard.textContent = score;
localStorage.setItem("highestPoints", score);
}
}
moles.forEach((mole) => mole.addEventListener("click", bonk));
```
{"metaMigratedAt":"2023-06-15T22:32:53.423Z","metaMigratedFrom":"Content","title":"Mini-Project: Whack-A-Mole :sparkles:","breaks":true,"contributors":"[{\"id\":\"7a5548f0-da55-4d05-a75d-a38212f27c1c\",\"add\":893,\"del\":564},{\"id\":\"a84f02d0-b86d-4b5d-97e0-7bdd156fad86\",\"add\":1124,\"del\":8}]"}