Snake avec classement

LE CLASSEMENT

const CLE = 'snake-classement', MAX = 5;
function lire() {
  try {
    const v = JSON.parse(localStorage.getItem(CLE));
    // on ne garde que les entrées bien formées
    return Array.isArray(v) ? v.filter(e => typeof e?.s === 'number' && typeof e?.n === 'string').slice(0, MAX) : [];
  } catch { return []; }
}
let classement = lire();

EST-CE QUE CE SCORE ENTRE ?

Oui s'il reste de la place, ou s'il bat le dernier.

const entre = score => score > 0 && (classement.length < MAX || score > classement.at(-1).s);

AJOUTER, TRIER, COUPER

function ajouter(pseudo, score) {
  classement.push({ n: pseudo.slice(0, 12), s: score, d: new Date().toISOString().slice(0, 10) });
  classement.sort((a, b) => b.s - a.s);
  classement = classement.slice(0, MAX);
  try { localStorage.setItem(CLE, JSON.stringify(classement)); } catch { /* stockage bloqué */ }
}

À LA FIN DE LA PARTIE

function fin(score) {
  if (entre(score)) formulairePseudo.hidden = false;
  else message.textContent = `Perdu : ${score} fruits`;
}

AFFICHER SANS RISQUE

Le pseudo vient de l'utilisateur : textContent, jamais innerHTML.

function rendre() {
  liste.replaceChildren(...classement.map((e, i) => {
    const li = document.createElement('li');
    li.textContent = `${i + 1}. ${e.n} : ${e.s}`;
    return li;
  }));
}