Skip to content

Commit 82d888b

Browse files
Harsh3363Harsh3363
committed
added simon game
1 parent 19629ff commit 82d888b

10 files changed

Lines changed: 116 additions & 0 deletions

File tree

‎Simon Game Challenge/.DS_Store‎

6 KB
Binary file not shown.

‎Simon Game Challenge/game.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
var gamePattern = [];
2+
3+
4+
var buttonColours = [ "red", "blue", "green", "yellow"];
5+
6+
7+
function nextSequence(){
8+
var randomNumber = Math.floor(Math.random()*4);
9+
var randomChosenColour = buttonColours[randomNumber];
10+
gamePattern.push(randomChosenColour);
11+
}
12+
alert(randomChosenColour);
13+
14+
$("button").on("click",function(){$("button").animate({ $('p')fadeIn();
15+
$('p').fadeOut();
16+
}, 500);})})

‎Simon Game Challenge/index.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Simon</title>
7+
<link rel="stylesheet" href="styles.css">
8+
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
9+
</head>
10+
11+
<body>
12+
<h1 id="level-title">Press A Key to Start</h1>
13+
<div class="container">
14+
<div lass="row">
15+
16+
<div type="button" id="green" class="btn green">
17+
18+
</div>
19+
20+
<div type="button" id="red" class="btn red">
21+
22+
</div>
23+
</div>
24+
25+
<div class="row">
26+
27+
<div type="button" id="yellow" class="btn yellow">
28+
29+
</div>
30+
<div type="button" id="blue" class="btn blue">
31+
32+
</div>
33+
34+
</div>
35+
36+
</div>
37+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
38+
<script src="game.js" charset="utf-8"></script>
39+
</body>
40+
41+
</html>

‎Simon Game Challenge/package-lock.json‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Simon Game Challenge/sounds/blue.mp3‎

3.56 KB
Binary file not shown.

‎Simon Game Challenge/sounds/green.mp3‎

17.3 KB
Binary file not shown.

‎Simon Game Challenge/sounds/red.mp3‎

16.3 KB
Binary file not shown.

‎Simon Game Challenge/sounds/wrong.mp3‎

7.74 KB
Binary file not shown.

‎Simon Game Challenge/sounds/yellow.mp3‎

10.8 KB
Binary file not shown.

‎Simon Game Challenge/styles.css‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
body {
2+
text-align: center;
3+
background-color: #011F3F;
4+
}
5+
6+
#level-title {
7+
font-family: 'Press Start 2P', cursive;
8+
font-size: 3rem;
9+
margin: 5%;
10+
color: #FEF2BF;
11+
}
12+
13+
.container {
14+
display: block;
15+
width: 50%;
16+
margin: auto;
17+
18+
}
19+
20+
.btn {
21+
margin: 25px;
22+
display: inline-block;
23+
height: 200px;
24+
width: 200px;
25+
border: 10px solid black;
26+
border-radius: 20%;
27+
}
28+
29+
.game-over {
30+
background-color: red;
31+
opacity: 0.8;
32+
}
33+
34+
.red {
35+
background-color: red;
36+
}
37+
38+
.green {
39+
background-color: green;
40+
}
41+
42+
.blue {
43+
background-color: blue;
44+
}
45+
46+
.yellow {
47+
background-color: yellow;
48+
}
49+
50+
.pressed {
51+
box-shadow: 0 0 20px white;
52+
background-color: grey;
53+
}

0 commit comments

Comments
 (0)