halsamen
0ec2ebbcc0
All checks were successful
Deploy Online Pages / Pages-Deployment (push) Successful in 22s
53 lines
1.8 KiB
HTML
53 lines
1.8 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>苦力</title>
|
||
</head>
|
||
<body>
|
||
<div id="BGMButton">播放音乐</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">完美啊！</div>
|
||
<div id="imperfect"></div>
|
||
</div>
|
||
<div id="replay">重新开始</div>
|
||
</body>
|
||
<!--<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.wav" id="wrongSound"></audio>
|
||
<audio src="src/gongzuobeige.mp3" id="BGM"></audio>
|
||
<script src="src/words_list.js"></script>
|
||
<script src="mkWrongChoice.js"></script>
|
||
<script src="script.js"></script>
|
||
</html> |