CodePath-memoryGame/index.html at main · TheDiamondSkyv32/CodePath-memoryGame · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="#" />


    <title>Memory & Sound Game!</title>

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="/style.css">


  </head>
    <h2>
      Welcome to my Minecraft themed Sound & Memory Game!
      </h2>
  <body>
    <div id = "audioFiles">
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FZombie_idle1.ogg?v=1615055803870"                       id="zombieSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FHorse_angry.oga?v=1615056610600"                        id="horseSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FSfx_mob_SpiderIdle-001.ogg?v=1615055707379"             id="spiderSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FVillager_idle1.oga?v=1615055601500"                     id="villagerSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FEnderIdle.mp3.mpeg?v=1615055252993"                     id="endermanSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FSfx_mob_sheepIdle-002_soundWave.ogg?v=1615055529721"    id="sheepSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FgameWinSound.wav?v=1615226765513"                       id="winGameSound"></audio>
      <audio src = "https://cdn.glitch.com/460a030d-610e-4333-a860-0bd442b2a23a%2FgameLoseSound.wav?v=1615226760892"                      id="loseGameSound"></audio>


    </div>
    <p>
      Are you ready for a challenge? Select a difficulty and repeat back the given pattern by clicking the corresponding shape!
    </p>
    <br>
    <div id ="Game_Difficulties">
      <button id="Easy" onclick="alertDifficulty(this.id); setDifficulty(Easy)">
        Easy
      </button>
      <button id = "Medium" onclick="alertDifficulty(this.id); setDifficulty(Medium)">
        Medium
      </button>
      <button id = "Hard" onclick="alertDifficulty(this.id); setDifficulty(Hard)">
        Hard
      </button>
      <button id = "Very Hard" onclick="alertDifficulty(this.id); setDifficulty(Very_Hard)">
        Very Hard
      </button>
      <button id = "Extreme" onclick="alertDifficulty(this.id); setDifficulty(Extreme)">
        Extreme
      </button>
      <button id = "European Extreme" onclick="alertDifficulty(this.id); setDifficulty(European_Extreme)">
        European Extreme
      </button>
    </div>
    <br>
    <button id = "current_difficulty">
      Current Difficulty:
    </button>

    <br><br><br><br>

    <div id = "StartandEnd">
      <button id = "startBtn" onclick="startGame()">
        Start
      </button>
      <button id="stopBtn" class="hidden" onclick="stopGame()">
        Stop
      </button>
    </div>


    <br><br>
    <div id = "gameButtonArea">
      <button id = "button1" onmousedown="playAudio('zombieSound');"     value="zombieSound"    onclick="guess(1)" class = "testing123"></button>
      <button id = "button2" onmousedown="playAudio('horseSound');"      value="horseSound"     onclick="guess(2)" class = "testing123"></button>
      <button id = "button3" onmousedown="playAudio('spiderSound');"     value="spiderSound"    onclick="guess(3)" class = "testing123"></button>
      <button id = "button4" onmousedown="playAudio('villagerSound');"   value="villagerSound"  onclick="guess(4)" class = "testing123"></button>
      <button id = "button5" onmousedown="playAudio('endermanSound');"   value="endermanSound"  onclick="guess(5)" class = "testing123"></button>
      <button id = "button6" onmousedown="playAudio('sheepSound');"      value="sheepSound"     onclick="guess(6)" class = "testing123"></button>

    </div>
    <br><br><br><br><br>
    <!-- Code no longer needed for sound & outdated
    <div id = "soundButtons">
      <button id = "startSoundbtn" onclick="startSound()">
        Enable sound?
      </button>
      <button id="stopSoundbtn" class="hidden" onclick="stopSound()">
        Disable sound?
      </button>
    </div>
-->

  </body>
  <!-- import the webpage's javascript file -->
  <script src="/script.js" defer></script>
</html>