54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<link rel="stylesheet" href="style.css">
|
|||
|
|
<title>Enjoy your Kuli</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="clsChg">N</div>
|
|||
|
|
<div id="hamburger"><span></span><span></span><span></span></div>
|
|||
|
|
<div id="scoreA">
|
|||
|
|
<img src="../src/circle.svg" width="50px" height="50px" alt="○" >
|
|||
|
|
<span id="corrCntA"></span>
|
|||
|
|
<img src="../src/cross.svg" width="50px" height="50px" alt="×">
|
|||
|
|
<span id="wrongCntA"></span>
|
|||
|
|
</div>
|
|||
|
|
<table id="display">
|
|||
|
|
<tr>
|
|||
|
|
<td id="question" colspan="2">
|
|||
|
|
<div id="word"></div>
|
|||
|
|
<div id="pronunc"></div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td id="ans_0"></td>
|
|||
|
|
<td id="ans_1"></td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td id="ans_2"></td>
|
|||
|
|
<td id="ans_3"></td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
<div id="result">
|
|||
|
|
<div id="scoreB">
|
|||
|
|
<img src="../src/circle.svg" width="20px" height="20px" alt="○" >
|
|||
|
|
<span id="corrCntB"></span>
|
|||
|
|
<img src="../src/cross.svg" width="20px" height="20px" alt="×">
|
|||
|
|
<span id="wrongCntB"></span>
|
|||
|
|
</div>
|
|||
|
|
<div id="perfect">Perfect!</div>
|
|||
|
|
<div id="imperfect"></div>
|
|||
|
|
</div>
|
|||
|
|
<div id="replay">Replay</div>
|
|||
|
|
<a href="../spell-it" class="playAnother">Go Spell It</a>
|
|||
|
|
</body>
|
|||
|
|
<footer>→Play <a href="../spell-it">Kraft of Spelling</a></footer>
|
|||
|
|
<audio src="../../src/startQuiz.mp3" id="startSound"></audio>
|
|||
|
|
<audio src="../../src/correct.mp3" id="corrSound"></audio>
|
|||
|
|
<audio src="../../src/correct2.mp3" id="corrSound2"></audio>
|
|||
|
|
<audio src="../../src/wrong.mp3" id="wrongSound"></audio>
|
|||
|
|
<script src="src/words_list.js"></script>
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
</html>
|