https://github.com/aayush-bhargav/simon-game
Building the simple Simon Game using HTML, CSS and JAVASCRIPT only.
https://github.com/aayush-bhargav/simon-game
css frontend-web game html javascript responsive-web-design simon-game
Last synced: 7 months ago
JSON representation
Building the simple Simon Game using HTML, CSS and JAVASCRIPT only.
- Host: GitHub
- URL: https://github.com/aayush-bhargav/simon-game
- Owner: Aayush-Bhargav
- Created: 2024-06-13T08:41:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-25T06:45:02.000Z (about 1 year ago)
- Last Synced: 2025-02-07T19:14:31.514Z (8 months ago)
- Topics: css, frontend-web, game, html, javascript, responsive-web-design, simon-game
- Language: JavaScript
- Homepage:
- Size: 74.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MiniProject- SimonGame
Building the famous Simon Game using HTML, CSS and JAVASCRIPT only.
The Simon Game is a memory and matching game that consists of a series of colored lights and sounds. Players must remember and repeat a sequence of lights and sounds. The sequence starts with one light and sound, and each round adds another light and sound to the sequence. The game tests memory and concentration.
I created the simple version of the Simon Game that has:
1) 4 buttons of different colors that will play different sounds.
2) The seqeunce that the player has to remember and guess keeps increasing after each level.
3) Pressing any key starts the game.
Along with this, I display the current score of the player and the maximum score as well.
- HTML Structure:
A div that displays current score and max score.
A header that displays the level and a game over message when the player' sequence doesn't match the game sequence.
Four buttons for the game, each representing a color.
- CSS Styling:
Basic styles to center the content and style the buttons.
.pressed class to create a visual effect when buttons are pressed.
- JavaScript Logic:
Functions to start the game, generate the sequence, animate buttons, play sounds, handle button clicks, and check user input.
Event listeners to handle button clicks and start the game.
## View
- To view the project, click on this link: **https://aayush-bhargav.github.io/simon-game/**
## Install
Clone the repo using
```
git clone https://github.com/Aayush-Bhargav/simon-game.git
```
Go to the correct directory using:
```
cd simon-game
```
- go to **index.html**
- right click and **open with live server**