Leaderboard.html

@@ -12,6 +12,7 @@ body {
     color: white;
 }
 
+/* TOPBAR */
 .topbar {
     display: flex;
     justify-content: space-between;
@@ -43,6 +44,7 @@ body {
     font-weight: bold;
 }
 
+/* TITLE */
 .title {
     text-align: center;
     font-size: 32px;
@@ -53,6 +55,7 @@ body {
     margin-top: -10px;
 }
 
+/* FILTER BUTTONS */
 .filter-container {
     margin: 20px;
     display: flex;
@@ -70,6 +73,7 @@ body {
     font-weight: bold;
 }
 
+
 .filter-btn.active {
     background: white;
     color: #000000;
@@ -117,7 +121,7 @@ thead {
 }
 
 .card h2 {
-    color: rgb(255, 0, 0);
+    color: white;
 }
 
 </style>

mainboard.html

@@ -32,7 +32,7 @@
       </div>
 
       <div class="actions">
-        <button id="leaderboardBtn" class="btn gold" onclick="window.location.href='leaderboard.html'">🏆 Leaderboard</button>
+        <button id="leaderboardBtn" class="btn gold">🏆 Leaderboard</button>
         <button id="logoutBtn" class="btn gray">🚪 Logout</button>
       </div>
     </header>

mainboard.js

@@ -7,8 +7,9 @@ function selectStage(stage) {
     window.location.href = "gameboard-hard.html";
   }
 }
-
+document.getElementById("leaderboardBtn").addEventListener("click", () => {
-document.getElementById("leaderboardBtn").addEventListener("click", () => {window.location.href = "Leaderboard.html"});
+  alert("Menuju Leaderboard");
+});
 
 document.getElementById("logoutBtn").addEventListener("click", () => {
   alert("Logout berhasil!");