Mise à jour de 'flask_base/templates/pokemon.html'

flask_base/templates/pokemon.html

@@ -21,6 +21,12 @@
             </ul>
         </nav>
     </header>
+    <div class="leaderboard">
+        <h2>Classement des joueurs</h2>
+        <div id="leaderboardDiv">
+
+        </div>
+    </div>
     <div class="battle">
         <h2>Combat Pokémon-like (simple)</h2>
       
@@ -47,6 +53,23 @@
       
       <script>
         const outils_list = {{ data|tojson }};
+        //récupérer le leaderbord
+        let leaderboardDiv = document.getElementById("leaderboardDiv");
+        let leaderboardData = [];
+
+        fetch("/api/leaderboard") // [{name: "Player1", score: 5}, ...]
+          .then(response => response.json())
+          .then(data => {
+            leaderboardData = data["leaderboard"];
+            leaderboardData.sort((a, b) => b.score - a.score); // trier par score décroissant
+            leaderboardDiv.innerHTML = "";
+            leaderboardData.forEach((entry, index) => {
+              const entryDiv = document.createElement("div");
+              entryDiv.textContent = `${index + 1}. ${entry.name} - ${entry.score} ennemis vaincus`;
+              leaderboardDiv.appendChild(entryDiv);
+            });
+          });
+        
       
         
       
@@ -55,7 +78,6 @@
           return item ? item.against_name : null;
         }
       
-        console.log(outils_list); 
         let playerHp = 30;
         let enemyHp = 30;
         let score = 0;
@@ -107,7 +129,6 @@
         const attacksDiv = document.getElementById("attacksDiv");
       
         function setCombat(){
-          playerHp = 30;
           enemyHp = 30;
           updateUI();
           ennemyNumber = Math.floor(Math.random()*max);