如何使用会话存储在页面刷新后初始化并保留更新后的 js 变量的值？

Question

以前，我曾研究过一种方法，使我的 js 变量 team1score 和 team2score 即使在页面刷新后也能保持其值。我发现对我的问题最简单的解决方案是使用会话存储。现在我的 team1score 和 team2score 保留了它的值，这样问题就解决了。

但是，我现在遇到了另一个问题。两支球队的初始分数都应为 0。因为我从未将 team1score 和 team2score 初始化为 0，所以两支球队的初始分数目前都显示为空。我以这种方式编写代码，因为这是我的 js 变量保留其值的唯一方式。

有谁知道如何将 team1score 和 team2score 初始化为 0，同时在页面刷新后保留它们的值？提前致谢！

var team1score = sessionStorage.getItem('updatedScore1');   
var team2score = sessionStorage.getItem('updatedScore2');       

if(turn == 1)
{
    team1score += overallScore; 
    var teamOneScore = document.getElementById('team1score');
    alert('Team 1:'+team1score);

    //created new variable that stores the current updated score
    var updatedScore1 = team1score;

    //stores this into the local storage 
    sessionStorage.setItem('updatedScore1', updatedScore1);

    //retreives the variable from the local storage 
    var updatedScore1 = sessionStorage.getItem('updatedScore1');

    //displays this onto the html part of the code
    teamOneScore.innerHTML = 'Team 1: '+updatedScore1;

}

Answer 1

你可以使用 shorthand if else using this

team1score = sessionStorage.getItem('updatedScore1') ? sessionStorage.getItem('updatedScore1') : 0;

如何使用会话存储在页面刷新后初始化并保留更新后的 js 变量的值？

How to initialize and keep value of updated js variable after page refresh using session storage?

javascript

null

session-storage