add: add music at leaderboard and game

This commit is contained in:
Carolus Bramnatyo Seno Mahesworo 2025-12-03 14:53:38 +07:00
parent 5699b5994f
commit cca4a7ebbc
4 changed files with 19 additions and 3 deletions

BIN
src/assets/music/game.mp3 Normal file

Binary file not shown.

View File

@ -12,8 +12,9 @@
</head> </head>
<body> <body>
<audio id="bgm" src="/assets/music/game.mp3"></audio>
<div class="container-first"> <div class="container-first">
<div class="content""> <div class="content">
<div class="boss"> <div class="boss">
<img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt=""> <img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt="">
<img id="dmg" class="dmg" src="/assets/Design/damageeffect.gif"/> <img id="dmg" class="dmg" src="/assets/Design/damageeffect.gif"/>
@ -35,6 +36,13 @@
</div> </div>
</div> </div>
<script type="module" src="/js/firstperson.js"></script> <script type="module" src="/js/firstperson.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const bgm = document.getElementById("bgm");
bgm.play()
});
</script>
</body> </body>
</html> </html>

View File

@ -39,7 +39,7 @@ export const questions = [
question: "What is the result of the following operation ? (print('5'+'5'))", question: "What is the result of the following operation ? (print('5'+'5'))",
answers: [ answers: [
{text: "10", correct: false}, {text: "10", correct: false},
{text: "55*", correct: true}, {text: "55", correct: true},
{text: "error", correct: false}, {text: "error", correct: false},
{text: "NaN", correct: false}, {text: "NaN", correct: false},
] ]
@ -117,7 +117,7 @@ export const questions = [
] ]
}, },
{ {
question: '3 * "A" output ?', question: '(3 * "A") output ?',
answers: [ answers: [
{text: "error", correct: false}, {text: "error", correct: false},
{text: "none", correct: false}, {text: "none", correct: false},

View File

@ -42,6 +42,7 @@ if($result){
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body> <body>
<audio id="bgm" src="/assets/music/leaderboard.mp3"></audio>
<div class="container-board"> <div class="container-board">
<a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000"></a> <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000"></a>
<div class="chara"> <div class="chara">
@ -99,6 +100,13 @@ if($result){
</table> </table>
</div> </div>
</div> </div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const bgm = document.getElementById("bgm");
bgm.play()
});
</script>
</body> </body>
</html> </html>