-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
39 lines (35 loc) · 1.36 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
<!DOCTYPE html>
<!-- Students: Please use this week's project for Week 5: Assignment 5: Quiz App.
You will need to replace the contents of this HTML file with your own work,
and create any other files, if any, required for the assignment.
When you are done, be certain to submit the assignment in Canvas to be graded. -->
<html>
<head>
<meta charset="utf-8" />
<title>Space Quiz</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link
rel="stylesheet"
href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"
/>
</head>
<body>
<h1>Space Quiz</h1>
<h2>Question <span id="count">1</span></h2>
<div id="progressbar"></div>
<p id="question"></p>
<button class="choice" id="a">A:</button>
<button class="choice" id="b">B:</button>
<button class="choice" id="c">C:</button>
<button class="choice" id="d">D:</button>
<div>
<p id="message" class="hidden"></p>
<p class="hidden" id="scoreContainer">Score: <span id="score"></span></p>
<!-- <button class="hidden" id="restart">Play again</button> -->
<div id="dialog" title="Play again"></div>
</div>
<script src="game.js"></script>
</body>
</html>