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">
|
2025-08-14 20:07:44 +09:00
|
|
|
|
<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>
|
2025-08-14 20:07:44 +09:00
|
|
|
|
<div id="perfect">完美啊!</div>
|
2025-08-08 22:45:17 +09:00
|
|
|
|
<div id="imperfect"></div>
|
|
|
|
|
</div>
|
2025-08-14 20:07:44 +09:00
|
|
|
|
<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>
|
2025-08-14 20:07:44 +09:00
|
|
|
|
<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>
|