-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (60 loc) · 2.68 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Random math test</title>
<meta name="description" content="Shows random math questions"/>
<link rel="stylesheet" href="styles.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="drawHangman.js" defer></script>
<script src="data.js" defer></script>
<script src="main.js" defer></script>
</head>
<header>
<div id="player">
<div class="statusLabel" id="playerLabel">Player :</div>
<select>
<option value="emma">Emma</option>
<option value="sam">Sam</option>
</select>
</div>
<div id="currentScore">
<div class="statusLabel" id="currentScoreLabel">Current Score :</div>
<div id="currentScoreValue">0</div>
</div>
<div id="highScore">
<div class="statusLabel" id="highScoreLabel">High Score :</div>
<div id="highScoreValue">0</div>
</div>
<div id="level">
<div class="statusLabel" id="levelLabel">Level :</div>
<div id="levelValue">0</div>
</div>
</header>
<body>
<section id="leftCol">
<div id="questionTxt">
<div id="num1">1</div> + <div id="num2">2</div>  
</div>
<div id="answerTxt">
<!-- <label for="answer">Your Answer:</label> -->
<input type="number" id="answer" name="answer">
 
<div id="result"></div>
</div>
<button id="submitBtn" onclick="checkAnswer()"><i class="fa-solid fa-chevron-right"></i>Submit</button>
<button id="nextQuestionBtn" onclick="nextQuestion()" disabled><i class="fa-solid fa-angles-right"></i>Next Question</button>
<div id="msg"></div>
<br/><br/>
<button onclick="showAnswer()"><i class="fa-solid fa-lightbulb"></i>Show Answer</button>
<button onclick="clearHangman()"><i class="fa-solid fa-rotate-right"></i>Clear Hangman</button>
</section>
<section id="rightCol">
<!-- <br/><br/> -->
<canvas id="myCanvas" width="800" height="800"></canvas>
<!-- <br/>
<br/> -->
</section>
<!-- <button id="drawButton">Draw Hangman</button> -->
</body>
</html>