KONUM:
C:/xampp/htdocs/score
Düzenle: game4.php
<?php include 'db.php'; ?> <!DOCTYPE html> <html> <head> <title>WOODBALL CHALLENGE</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body class="bg-light"> <div class="container mt-5"> <div class="container mt-5"> <div class="d-flex justify-content-between align-items-center mb-4 p-3 bg-primary text-white rounded shadow"> <h2 class="m-0 fw-bold text-uppercase"> <i class="bi bi-flag-fill me-2"></i> WOODBALL CHALLENGE </h2> <img src="MalCIDAC2.png" alt="Logo" style="height: 120px;"> </div> <table class="table table-bordered table-hover bg-white shadow-sm"> <thead class="table-primary text-center"> <tr> <th>No.</th> <th>Team</th> <th>Score</th> </tr> </thead> <tbody id="scoreboard"> <!-- Scores will be loaded here --> </tbody> </table> <!--<a href="input_score.php" class="btn btn-secondary mt-3">Back to Input</a>--> </div> <script> function loadScores() { $.ajax({ url: 'fetch_scores.php', type: 'GET', data: { game: 'WOODBALL CHALLENGE' }, success: function(data) { $('#scoreboard').html(data); } }); } // Load scores initially and set interval for updates $(document).ready(function() { loadScores(); setInterval(loadScores, 5000); // Update every 5 seconds }); </script> </body> </html>
[Geri]