Actualmente, mi código muestra la puntuación del usuario que ha iniciado sesión. Quiero mostrar la puntuación más alta obtenida por cada usuario en la tabla de clasificación hasta el top 10.
js de index.html
<script> loadRankingTable(); window.onload = () => { //Check login if (sessionStorage.loggedInUser !== undefined) { let oldData = localStorage.getItem(sessionStorage.loggedInUser); console.log(JSON.parse(oldData)) if (oldData) { oldData = JSON.parse(oldData); oldData.topScore = highscore; localStorage.setItem(sessionStorage.loggedInUser, JSON.stringify(oldData)); } document.getElementById("Greeting").innerHTML = sessionStorage.loggedInUser; } } </script>prac.js
function loadRankingTable(){ let str = "<table><tr><th>Rank</th><th>Name</th><th>Score</th></tr>"; for(let key of Object.keys(localStorage)){ let usr = JSON.parse(localStorage[key]); str += "<tr><td>" + "1" + "</td><td>" + sessionStorage.loggedInUser + "</td><td>" + highscore + "</td></tr>"; } str += "</table>"; document.getElementById("Ranking").innerHTML = str; }La puntuación más alta se almacena en el almacenamiento local, pero quiero que la puntuación más alta del usuario que ha iniciado sesión se muestre junto a su nombre en la tabla de clasificación, hasta los 10 primeros.
Prueba esto: (otros tienen permiso para copiar y editar esto)
function load(){ var userscores = { "ex1": 10, "noncy": 40, "del3tus": 24, "the_r0ck": 8, "MONSTER_OSITY": 120 }; var max = 0; var sorted = []; for(var prop in userscores){ if(userscores[prop] >= max){ max = userscores[prop]; } } var cur = max; for(var i = max; i > 0; i--){ for(var prop in userscores){ if(userscores[prop] == i){ sorted.push(prop); } } } var html = ""; for(var i = 0; i < sorted.length; i++){ html = "<tr><td>" + (i + 1) + "</td><td>" + sorted[i] + "</td><td>" + userscores[sorted[i]] + "</td></tr>"; document.getElementById("leaderboard").innerHTML += html; } } <button onclick="load();">Load leaderboard</button> <table id="leaderboard" border="1" cellSpacing="0px"><tr><th>#</th><th>Name</th><th>Points</th></tr></table>Si eso no funciona, házmelo saber. También puedes cambiarlo para que te quede mejor.