-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (37 loc) · 2.2 KB
/
index.html
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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Hello world!</title>
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- import the webpage's javascript file -->
<script src="/script.js" defer></script>
</head>
<body>
<!-- this is the start of content -->
<h1>Mimic Me!</h1>
<p>
Welcome to Mimic Me! Repeat back the pattern by pressing the buttons down
below.
</p>
<button id="startBtn" onclick="startGame()">Start</button>
<button id="stopBtn" class="hidden" onclick="stopGame()">Stop</button>
<div id="gameButtonArea">
<button id="button1" onclick= "myFunction(duck); guess(1)" onmousedown="startTone(1)" onmouseup="stopTone()"
><img src="https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/duck.png?v=1650508237550" id="duck"></button>
<button id="button2" onclick="myFunction2(horse); guess(2)" onmousedown="startTone(2)" onmouseup="stopTone()"
><img src = "https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/horse.png?v=1650508248179" id="horse"></button>
<button id="button3" onclick="myFunction3(cow); guess(3)" onmousedown="startTone(3)" onmouseup="stopTone()"
><img src = "https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/cow.png?v=1650508229470" id="cow"></button>
<button id="button4" onclick="myFunction4(goat); guess(4)" onmousedown="startTone(4)" onmouseup="stopTone()"
><img src = "https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/goat.png?v=1650508241023" id="goat"></button>
<button id="button5" onclick="myFunction5(sheep);guess(5)" onmousedown="startTone(5)" onmouseup="stopTone()"
><img src="https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/sheep.png?v=1650508251354" id="sheep"></button>
<button id="button6" onclick="myFunction6(hen); guess(6)" onmousedown="startTone(6)" onmouseup="stopTone()"
><img src= "https://cdn.glitch.global/e440e918-cf94-4004-a408-1031feb644a1/hen.png?v=1650508244507" id="hen"></button>
</div>
</body>
</html>