2526-web/Kelompok02-Memory-Card
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ubah ke php

Browse Source
This commit is contained in:
Evelyn 2025-12-16 10:57:02 +07:00
parent 2b934af7a8
commit 120b93aba5
3 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gameboard-easy.html → gameboard-easy.php
View File

@ -1,3 +1,12 @@
<?php
session_start();
if (!isset($_SESSION['user'])) {
header("Location: login.php");
exit();
}
$user = $_SESSION['user'];
?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -21,7 +30,7 @@
<div class="music-control" id="toggleMusic">🔇</div> <div class="music-control" id="toggleMusic">🔇</div>
<header class="topbar"> <header class="topbar">
<button class="back-btn" onclick="window.location.href='mainboard.html'">←</button> <button class="back-btn" onclick="window.location.href='mainboard.php'">←</button>
<div class="right-info"> <div class="right-info">
<div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div> <div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div>
<div class="pill"><span class="icon">⭐</span><span id="score">0</span></div> <div class="pill"><span class="icon">⭐</span><span id="score">0</span></div>
@ -47,9 +56,10 @@
<button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button> <button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button>
<button class="end-btn leaderboard">🏆 Lihat Leaderboard</button> <button class="end-btn leaderboard">🏆 Lihat Leaderboard</button>
<button class="end-btn back-menu" onclick="window.location.href='mainboard.html'">⬅ Kembali</button> <button class="end-btn back-menu" onclick="window.location.href='mainboard.php'">⬅ Kembali</button>
</div> </div>
</div> </div>
<script src="assets/gameboard-easy.js"></script> <script src="assets/gameboard-easy.js"></script>
</body> </body>
</html> </html>

15
gameboard-hard.html → gameboard-hard.php
View File

@ -1,3 +1,10 @@
<?php
session_start();
if (!isset($_SESSION['user'])) {
header("Location: login.php");
exit();
}
?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -9,6 +16,7 @@
<body> <body>
<div id="countdown-overlay"></div> <div id="countdown-overlay"></div>
<audio id="bgMusic" loop src="music/music_background.mp3"></audio> <audio id="bgMusic" loop src="music/music_background.mp3"></audio>
<audio id="sfxClick" src="music/music-click.mp3"></audio> <audio id="sfxClick" src="music/music-click.mp3"></audio>
<audio id="sfxMatch" src="music/music-correct.mp3"></audio> <audio id="sfxMatch" src="music/music-correct.mp3"></audio>
@ -20,7 +28,7 @@
<div class="music-control" id="toggleMusic">🔇</div> <div class="music-control" id="toggleMusic">🔇</div>
<header class="topbar"> <header class="topbar">
<button class="back-btn" onclick="window.location.href='mainboard.html'">←</button> <button class="back-btn" onclick="window.location.href='mainboard.php'">←</button>
<div class="right-info"> <div class="right-info">
<div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div> <div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div>
<div class="pill"><span class="icon">⭐</span><span id="score">0</span></div> <div class="pill"><span class="icon">⭐</span><span id="score">0</span></div>
@ -34,6 +42,7 @@
<div class="end-box"> <div class="end-box">
<div id="endTitleDisplay" class="end-title">🎉 Selamat!</div> <div id="endTitleDisplay" class="end-title">🎉 Selamat!</div>
<p id="endMsgDisplay">Anda berhasil menyelesaikan permainan!</p> <p id="endMsgDisplay">Anda berhasil menyelesaikan permainan!</p>
<div class="score-row"><span>Skor Base:</span> <span id="baseScoreEnd">0</span></div> <div class="score-row"><span>Skor Base:</span> <span id="baseScoreEnd">0</span></div>
<div class="score-row"><span>Time Bonus:</span> <span id="timeBonusEnd">0</span></div> <div class="score-row"><span>Time Bonus:</span> <span id="timeBonusEnd">0</span></div>
<div class="score-row"><span>Move Bonus:</span> <span id="moveBonusEnd">0</span></div> <div class="score-row"><span>Move Bonus:</span> <span id="moveBonusEnd">0</span></div>
@ -42,11 +51,13 @@
<span>Total Skor:</span> <span>Total Skor:</span>
<span id="totalScoreEnd">0</span> <span id="totalScoreEnd">0</span>
</div> </div>
<button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button> <button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button>
<button class="end-btn leaderboard">🏆 Lihat Leaderboard</button> <button class="end-btn leaderboard">🏆 Lihat Leaderboard</button>
<button class="end-btn back-menu" onclick="window.location.href='mainboard.html'">⬅ Kembali</button> <button class="end-btn back-menu" onclick="window.location.href='mainboard.php'">⬅ Kembali</button>
</div> </div>
</div> </div>
<script src="assets/gameboard-hard.js"></script> <script src="assets/gameboard-hard.js"></script>
</body> </body>
</html> </html>

14
gameboard-medium.html → gameboard-medium.php
View File

@ -1,3 +1,10 @@
<?php
session_start();
if (!isset($_SESSION['user'])) {
header("Location: login.php");
exit();
}
?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -21,7 +28,7 @@
<div class="music-control" id="toggleMusic">🔇</div> <div class="music-control" id="toggleMusic">🔇</div>
<header class="topbar"> <header class="topbar">
<button class="back-btn" onclick="window.location.href='mainboard.html'">←</button> <button class="back-btn" onclick="window.location.href='mainboard.php'">←</button>
<div class="right-info"> <div class="right-info">
<div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div> <div class="pill"><span class="icon">⏱</span><span id="timer">60</span>s</div>
<div class="pill"><span class="icon">⭐</span><span id="score">0</span></div> <div class="pill"><span class="icon">⭐</span><span id="score">0</span></div>
@ -35,6 +42,7 @@
<div class="end-box"> <div class="end-box">
<div id="endTitle" class="end-title">🎉 Selamat!</div> <div id="endTitle" class="end-title">🎉 Selamat!</div>
<p id="endMsg">Anda berhasil menyelesaikan permainan!</p> <p id="endMsg">Anda berhasil menyelesaikan permainan!</p>
<div class="score-row"><span>Skor Base:</span> <span id="baseScoreEnd">0</span></div> <div class="score-row"><span>Skor Base:</span> <span id="baseScoreEnd">0</span></div>
<div class="score-row"><span>Time Bonus:</span> <span id="timeBonusEnd">0</span></div> <div class="score-row"><span>Time Bonus:</span> <span id="timeBonusEnd">0</span></div>
<div class="score-row"><span>Move Bonus:</span> <span id="moveBonusEnd">0</span></div> <div class="score-row"><span>Move Bonus:</span> <span id="moveBonusEnd">0</span></div>
@ -43,11 +51,13 @@
<span>Total Skor:</span> <span>Total Skor:</span>
<span id="totalScoreEnd">0</span> <span id="totalScoreEnd">0</span>
</div> </div>
<button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button> <button class="end-btn play-again" onclick="startGame()">🔁 Main Lagi</button>
<button class="end-btn leaderboard">🏆 Lihat Leaderboard</button> <button class="end-btn leaderboard">🏆 Lihat Leaderboard</button>
<button class="end-btn back-menu" onclick="window.location.href='mainboard.html'">⬅ Kembali</button> <button class="end-btn back-menu" onclick="window.location.href='mainboard.php'">⬅ Kembali</button>
</div> </div>
</div> </div>
<script src="assets/gameboard-medium.js"></script> <script src="assets/gameboard-medium.js"></script>
</body> </body>
</html> </html>