Merge branch 'main' of https://git-eng.ukwms.ac.id/2526-web/Kelompok02-Memory-Card

Leaderboard.html

@@ -137,25 +137,28 @@ thead {
 <div class="filter-container">
     <span>Filter:</span>
     <button class="filter-btn active">Semua</button>
-    <button class="filter-btn">Easy</button>
+    <button class="filter-btn easy">Easy</button>
-    <button class="filter-btn">Medium</button>
+    <button class="filter-btn medium">Medium</button>
-    <button class="filter-btn">Hard</button>
+    <button class="filter-btn hard">Hard</button>
 </div>
 
 <div class="cards">
     <div class="card">
         🎮
-        <p>Total Game Dimainkan</p>
+        <p><div class="count"><span>Total Game Dimainkan</span></p>
+        <span id="game-count">0</span></div></p>
     </div>
 
     <div class="card">
         👑
-        <p>Top Player</p>
+        <p><div class="count"><span>Top Player</span></p>
+        <span id="player-rank">0</span></div></p> 
     </div>
 
     <div class="card">
         ⭐
-        <p>Highest Score</p>
+        <p><div class="count"><span>Skor Tertinggi</span></p>
+        <span id="baseScoreEnd">0</span></div></p> 
     </div>
 </div>
 

koneksi.php

@@ -0,0 +1,12 @@
+<?php
+$host = "localhost";
+$user = "root";        // username DB
+$pass = "";            // password DB
+$db   = "nama_database"; // ganti dengan nama database kamu
+
+$conn = mysqli_connect($host, $user, $pass, $db);
+
+if (!$conn) {
+    die("Koneksi gagal: " . mysqli_connect_error());
+}
+?>

login.html

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Login</title>
 
-  <style>
+<style>
-    body {
+body {
   margin: 0;
   font-family: Arial, sans-serif;
   background: linear-gradient(135deg, #d9a7ff, #fbc2eb, #a1c4fd);