37 lines
1007 B
HTML
37 lines
1007 B
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Leaderboard – Memory Card</title>
|
||
<link rel="stylesheet" href="leaderboard.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<div id="leaderboardPopup" class="leaderboard-popup">
|
||
<div class="leaderboard-box">
|
||
<h2>🏆 Leaderboard</h2>
|
||
<div class="difficulty-tabs">
|
||
<button onclick="changeDifficulty('easy')" id="tab-easy">Easy</button>
|
||
<button onclick="changeDifficulty('medium')" id="tab-medium">Medium</button>
|
||
<button onclick="changeDifficulty('hard')" id="tab-hard">Hard</button>
|
||
</div>
|
||
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Rank</th>
|
||
<th>Nama</th>
|
||
<th>Score</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="leaderboard-body"></tbody>
|
||
</table>
|
||
<button class="close-leaderboard" onclick="closeLeaderboard()">✖ Tutup</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="leaderboard.js"></script>
|
||
</body>
|
||
</html>
|