Simon-game/index.html at main · Ayush4398/Simon-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>GAME</title>
  <link rel="stylesheet" href="simon.css">
  <link rel="icon" href="favicon.ico">
</head>

<body>
  <h1>SIMON GAME</h1>
  <a href="#howtoplay"><h3>How to play? click here</h3></a>
  <h2>Click here to start </h2>

  <section id="game">
    <div>
      <button class="yellow btn" type="button" name="button">1</button>
      <button class="red btn" type="button" name="button">2</button>
    </div>

    <div>
      <button class="blue btn" type="button" name="button">3</button>
      <button class="green btn" type="button" name="button">4</button>
    </div>
  </section>

  <section id="howtoplay">
    <h1>rules :-</h1>
    <h4>1 - Press the START button. Simon will give the first signal. Repeat the signal by pressing the same color lens.</h4>
    <h4> 2 - Simon will duplicate the first signal and add one. Repeat these two signals by pressing the same color lenses, in order.</h4>
    <h4>3 - Simon will duplicate these first two signals and add one.</h4>
    <h4> 4 - Continue playing as long as you can repeat each sequence of signals correctly.</h4>
    <h4>5 - If you fail to repeat a sequence exactly, This means GAME OVER.</h4>
  </section>

  <div>
    <a href="https://ayush4398.github.io/portfolio/"><p style="text-align: center;color: #000;font-size: 20px;">© 2021 Ayush Agrawal</p></a>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="simon.js" charset="utf-8"></script>
</body>

</html>