html5 local-storage need help setting/getting key & value

Question

I am new to localStorage in html5, and am having some difficulties with the syntax. I am basically trying to check the value of checkFullscreen, and run some commands depending on true or false. But it's not working. What am I doing wrong, and could you provide me with a way in fixing this.

(The win.isFullscreen, win.leaveFullscreen(), win.enterFullscreen() are part of node.js)

Thank-you.

var fullscreenstore = localStorage.getItem('fullscreen');
var checkFullscreen = win.isFullscreen;

if (fullscreenstore == null || true) { // if value is null or true then fullscreen app
    localStorage.setItem(fullscreen, true);
    win.enterFullscreen();
    win.maximize();
    win.show();
}
else { // if false then run in window mode and set localStorage value false
    localStorage.setItem(fullscreen, false);
    win.maximize();
    win.show();
}

Then on pressing the 'F1' key to change the value of the localStorage value.

$(document).keyup(function (e) {
        if (e.which == 27) {
            win.close();
        };
        if (e.which == 112) {
            if (checkFullscreen == true) {
                win.leaveFullscreen();
            }
            else {
                win.enterFullscreen();
            };
        };
    });

http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage — Vaibs_Cool, Sep 30 '13 at 18:52
http://stackoverflow.com/questions/8419354/get-html5-localstorage-keys — Vaibs_Cool, Sep 30 '13 at 18:53
I've already looked at those articles. Would you be able to provide an example with my code to help point me in the right direction? — , Sep 30 '13 at 19:13

score 2 · Accepted Answer · answered Sep 30 '13 at 18:51

2

localStorage only stores strings. Other values you set are converted to strings.

So you should compare to "true", "false" or undefined when reading values.

answered Sep 30 '13 at 18:51

Denys Séguret

372,613
87
782
758

score 1 · Answer 2 · answered Sep 30 '13 at 18:54

1

localStorage will convert the value into string upon storing,

e,g:

localStorage.setItem("something",true)

localStorage.getItem("something") // returns "true"

but trying to compare the value with boolean

So, string == boolean will always return false

answered Sep 30 '13 at 18:54

Shreedhar

5,502
3
22
27

html5 local-storage need help setting/getting key & value

2 Answers2