webs/Kuli/index.html

53 lines
1.8 KiB
HTML
Raw Normal View History

2025-08-08 22:45:17 +09:00
<!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">
2025-08-15 20:57:59 +09:00
<title>苦力</title>
2025-08-08 22:45:17 +09:00
</head>
<body>
2025-08-15 20:57:59 +09:00
<div id="BGMButton">播放音乐</div>
2025-08-08 22:45:17 +09:00
<div id="scoreA">
2025-08-14 20:26:33 +09:00
<img src="src/circle.svg" width="50px" height="50px" alt="○" >
2025-08-08 22:45:17 +09:00
<span id="corrCntA"></span>
2025-08-14 20:26:33 +09:00
<img src="src/cross.svg" width="50px" height="50px" alt="×">
2025-08-08 22:45:17 +09:00
<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="○" >
2025-08-08 22:45:17 +09:00
<span id="corrCntB"></span>
2025-08-14 20:26:33 +09:00
<img src="src/cross.svg" width="20px" height="20px" alt="×">
2025-08-08 22:45:17 +09:00
<span id="wrongCntB"></span>
</div>
<div id="perfect">完美啊!</div>
2025-08-08 22:45:17 +09:00
<div id="imperfect"></div>
</div>
<div id="replay">重新开始</div>
2025-08-08 22:45:17 +09:00
</body>
2025-08-14 20:26:33 +09:00
<!--<audio src="../../src/startQuiz.mp3" id="startSound"></audio>-->
2025-08-15 13:18:42 +09:00
<audio src="src/correct.mp3" id="corrSound"></audio>
<audio src="src/correct2.mp3" id="corrSound2"></audio>
<audio src="src/wrong.wav" id="wrongSound"></audio>
2025-08-15 20:57:59 +09:00
<audio src="src/gongzuobeige.mp3" id="BGM"></audio>
2025-08-08 22:45:17 +09:00
<script src="src/words_list.js"></script>
2025-08-15 13:18:42 +09:00
<script src="mkWrongChoice.js"></script>
2025-08-08 22:45:17 +09:00
<script src="script.js"></script>
</html>