L'espace de stockage Web HTML5 devient NaN

Question

Quelqu'un peut-il expliquer pourquoi la dernière ligne génère NaN? 'userScore' est un objet d'un élément span et des opérations similaires fonctionnent parfaitement lorsque je n'implémente pas la partie localStorage. Merci d'avance!

var score; 
    score = 20 - (parseInt(turnNr.innerHTML) - bricks.length/2) * 
    1.2; 
    if (score >= 0.5) { 
     score = Math.round(score); 
    } else { 
     score = 0; 
    } 

    if (localStorage.totalScore) { 
     localStorage.totalScore = parseInt(localStorage.totalScore) + 
     score; 
    } else { 
     localStorage.totalScore = score; 
    } 
    userScore.innerHTML = localStorage.totalScore; 

Answer 1

Votre code ne peut pas récupérer des erreurs. Une fois que vous avez enregistré "NaN" dans localStorage, il ne disparaîtra jamais lorsque le code est exécuté. En effet, if (localStorage.totalScore) s'exécutera même s'il existe une valeur non valide.

Vous voulez changer votre code pour

if (parseInt(localStorage.totalScore)) { // NaN is falsy and will be ignored 
    localStorage.totalScore = parseInt(localStorage.totalScore) + score; 
} else { 
    localStorage.totalScore = score; 
} 
userScore.innerHTML = localStorage.totalScore;