This Simon Says game uses JS and HTML to create a playable in-browser game. In this project I was able to practice using functional JavaScript within the game.js file, as well as implement features like mp3 files, images, and event listeners into the games logic.
This game works by listening for specific user input to start, then randomly picking a color from an array. Once the color is selected, the game saves this selection into a 'gamePattern' variable before triggering temporary CSS changes to animate the selection.
Once a tile has been chosen, the game listens for user inputs and checks each button press against the stored sequence. As soon as the stored sequence is matched, the game moves on to the next level and repeats the previous actions and adds a new random selection to the end of the stored sequence.
At any point - if the user input doesnt match the stored sequence, the game triggers a failure, displays game over, and prompts the user to restart the game.
Take a look at the live project
- Clone the repo
git clone https://github.com/JAndrew13/SimonSaysGame.git
- Open the HTML file inside your browser
- Once the webpage loads, follow the prompt and press the 'A' key to begin the game.
- Level 1 will begin, and a random colored tile will be indicated.
- Click the indicated tile to move on to the next round.
- In each following round a new tile will be indicated. To successfully pass the level, you must repeat the entire sequence.
- If you fail to remember the correct sequence, this triggers 'Game Over'
- Press the 'A' key to reset the game and try again!
Contains all audio files used in the web application
Jake Brunner - jbbrunner10@gmail.com
LinkedIn - https://www.linkedin.com/in/jake-brunner-21760522b/
This Repository - https://github.com/jandrew13/Web-Dev-Bootcamp