LocalStorage value resets on a different page

Asked Oct 14 '22 at 14:57

Active Oct 14 '22 at 15:00

Viewed 29 times

I have multiple pages like Home, Faq and more and I've added darkmode function and I want website to remember the choice. If I have pressed darkmode on home and refresh the choice is saved. However when I go to Faq the value is reset even tho I've pasted the same code on my other website. Yes I've tried connecting same JS file to these 2 websites and didn't worked.

btw it's shortened code as example so don't mind that

button.addEventListener('click', () => {
    if (element.style.color == "wheat") {
        element.style.color = "rgb(33,33,36)";
        window.localStorage.setItem("mode", "White");
    } else {
        element.style.color = "wheat"
        window.localStorage.setItem("mode", "Dark");
    }
});

var ls = localStorage.getItem("mode");

if (ls == "Dark") {
    console.log("it's dark");
} else {
    console.log("it's white");
}

So yeah if I click the button and refresh website it will be "it's dark" but if I click and go to Faq with same connected js file it will be "it's white". Sorry if it's a stupid question I'm still learning and I'm not sure if it should work with multiple pages maybe I should use different method like cookies? Thanks for any help.

edited Oct 14 '22 at 15:00

VLAZ

26,331
9
49
67

asked Oct 14 '22 at 14:57

someone

All pages in the same domain should share the same local storage. It has nothing to do with the JS file. – Barmar Oct 14 '22 at 15:05
But if you have different subdomains, they each have their own local storage. So `www.example.com` and `faq.example.com` are separate. See https://stackoverflow.com/questions/59997063/how-to-share-localstorage-among-different-subdomains – Barmar Oct 14 '22 at 15:07
Are you serving the site or just testing with static files? – Richard Dunn Oct 14 '22 at 15:11
Yes I'm testing those websites from a local files. – someone Oct 14 '22 at 15:13
@someone Share the link/URL to Home and FAQ. – Ephrey Ilunga Oct 14 '22 at 15:33

LocalStorage value resets on a different page

0 Answers0