function innerJS(){
counter.style.color = numberColor(no) ;
let saveNumber = localStorage.getItem("saveNumber");
localStorage.setItem("saveNumber" , no);
counter.innerHTML = no ;
}
let no = 0;
function click1() {
no--; innerJS();
}
function click2() {
no = 0; innerJS();
}
function click3() {
no++; innerJS();
}
I was making a counter in JS and after finishing it I thought of saving the number that is shown last on the screen and, for that I saved the last number in the local storage also but, I am not able to keep the number after refreshing what can I do.
You are not reading it from localStorage properly.
You need to read it on initialization
function innerJS(){
counter.style.color = numberColor(no);
localStorage.setItem("saveNumber" , no);
counter.innerHTML = no ;
}
let no = localStorage.getItem("saveNumber") || 0;
innerJS(); //call innerJS() initially to set the initial value in DOM
function click1() {
no--; innerJS();
}
function click2() {
no = 0; innerJS();
}
function click3() {
no++; innerJS();
}