刷新时清除本地存储值

Question

I have a function which draws a graph from the 7 values selected by the user. It works fine, but the local storage values set for each of the variable dissapears on a refresh

function drawChart() {
      

 var dates = document.getElementById("datepicker").value;
    var days;
    for(days=1;days<=dates;days++)
    {
        document.write(days);
    }



const coordinates2 = dates;
      
const[one,two,three,four,five,six,seven
 

]= coordinates2.split(',')




localStorage.setItem('one',one); // storing is successful but clears on refresh



// i have also tired Json.stringify but it did not good

localStorage.setItem('one', JSON.stringify(one)); //storing is successful but clears on refresh

}

I can see that the browser is storing the variable value, and it disappears as soon as the browser refreshes. Is there something else i need to do. Thanks a lot for your time.

Answer 1

I have a function which draws a graph from the 7 values selected by the user. It works fine, but the local storage values set for each of the variable dissapears on a refresh

function drawChart() {
      

 var dates = document.getElementById("datepicker").value;
    var days;
    for(days=1;days<=dates;days++)
    {
        document.write(days);
    }



const coordinates2 = dates;
      
const[one,two,three,four,five,six,seven
 

]= coordinates2.split(',')




localStorage.setItem('one',one); // storing is successful but clears on refresh



// i have also tired Json.stringify but it did not good

localStorage.setItem('one', JSON.stringify(one)); //storing is successful but clears on refresh

}

I can see that the browser is storing the variable value, and it disappears as soon as the browser refreshes. Is there something else i need to do. Thanks a lot for your time.

Answer 2

You need to check if the value is already set before you set it

if (!localStorage.getItem('one')){
localStorage.setItem('one',one);
}