-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (47 loc) · 2.46 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
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
</html>
<html>
<head>
<link rel="shortcut icon" href="">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Magic 8 Ball</h1>
<p>Ask a yes or no question, and the Magic 8 Ball will answer.</p>
<form id="question-form">
<input type="text" id="question" autofocus placeholder="Ask a question...">
<button id="submit">ASK!</button>
</form>
<div id="answer"> </div>
<div id="eightball-wrapper"><img id="eightball" src="img/eightball.gif"></div>
<audio id="eightball-sound" src="sounds/magic-8-ball-sound.wav" preload="auto"></audio>
<audio id="sound1" src="sounds/soundsource1.wav" preload="auto"></audio>
<audio id="sound2" src="sounds/soundsource2.wav" preload="auto"></audio>
<audio id="sound3" src="sounds/soundsource3.wav" preload="auto"></audio>
<audio id="sound4" src="sounds/soundsource4.wav" preload="auto"></audio>
<audio id="sound5" src="sounds/soundsource5.wav" preload="auto"></audio>
<audio id="sound6" src="sounds/soundsource6.wav" preload="auto"></audio>
<audio id="sound7" src="sounds/soundsource7.wav" preload="auto"></audio>
<audio id="sound8" src="sounds/soundsource8.wav" preload="auto"></audio>
<audio id="sound9" src="sounds/soundsource9.wav" preload="auto"></audio>
<audio id="sound10" src="sounds/soundsource10.wav" preload="auto"></audio>
<audio id="sound11" src="sounds/soundsource11.wav" preload="auto"></audio>
<audio id="sound12" src="sounds/soundsource12.wav" preload="auto"></audio>
<audio id="sound13" src="sounds/soundsource13.wav" preload="auto"></audio>
<audio id="sound14" src="sounds/soundsource14.wav" preload="auto"></audio>
<audio id="sound15" src="sounds/soundsource15.wav" preload="auto"></audio>
<audio id="sound16" src="sounds/soundsource16.wav" preload="auto"></audio>
<audio id="sound17" src="sounds/soundsource17.wav" preload="auto"></audio>
<audio id="sound18" src="sounds/soundsource18.wav" preload="auto"></audio>
<audio id="sound19" src="sounds/soundsource19.wav" preload="auto"></audio>
<audio id="sound20" src="sounds/soundsource20.wav" preload="auto"></audio>
<div id="bottom-glow"></div>
<div id="particles"></div>
<script src="script.js" type="module"></script>
</body>
</html>