セッション記憶域を使用してページをリフレッシュした後に更新されたjs変数を初期化して保持する方法は？

Question

以前、私はjs変数team1scoreとteam2scoreを作成し、ページを更新した後でもその値を保持する方法を研究しました。私が問題に気づいた最も簡単な解決策は、セッションストレージを使用することでした。私は今、私のチーム1スコアとチーム2スコアがその価値を保持し、問題が解決されました。

しかし、今私は別の問題があります。両方のチームの初期スコアは0にする必要があります。私はteam1scoreとteam2scoreを0に初期化していないので、両方のチームの初期スコアは現在nullとして表示されています。この方法で私のコードを書いたのは、それが私の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

この

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