Using localStorage or sessionStorage would disappoint Cookie Monster.<\/p>\n
My go to for a website to store data temporary was to use cookies. I would use cookies for storing user preferences, scores, shopping carts and more. Cookies can be a problem though as many people stop excepting cookies and they are difficult to manage. <\/p>\n
Now I use either localStorage<\/strong> or sessionStorage<\/strong>. The difference of syntax is subtle, but the usage is very different. Both of these is a good replacement for cookies which would disappoint Cookie Monster.<\/p>\n If I am creating a scoreboard for a game; I often use localStorage<\/strong>. I like more scoreboards to persist for a long period of time event after the browser is closed. If I am creating a shopping cart; I often will use sessionStorage<\/strong> so that the shopping cart persists during the usage of the site, but is discarded when the user closes the browser. With localStoarge<\/strong> it is assumed the user wants to maintain the data for a long time. With sessionStorage<\/strong> it is assumed the data is not wanted when the user is done their browser.<\/p>\n To demonstrate the similarity in syntax and difference in usage, I have created the code below. One must try in order to see the difference.<\/p>\n localStorage<\/strong> – keep long term<\/p>\n sessionStorage<\/strong> – keep temporary<\/p>\n The following browsers will support sessionStorage<\/strong> and localStorage<\/strong> Using localStorage or sessionStorage would disappoint Cookie Monster. My go to for a website to store data temporary was to use cookies. I would use cookies for storing user preferences, scores, shopping carts and more. Cookies can be a problem though as many people stop excepting cookies and they are difficult to manage.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[149,96],"tags":[261,260,256,262,263],"yoast_head":"\r\n \/\/ Initialize Scoreboard of Correct and Incorrect Values \r\n if (typeof localStorage['correct'] == 'undefined') { localStorage['correct'] = 0; } \r\n if (typeof localStorage['notcorrect'] == 'undefined') { localStorage['notcorrect'] = 0; } \r\n\r\n \/\/ Increment Value \r\n var iCorrect = parseInt(localStorage['correct']); \r\n iCorrect++; \r\n\r\n \/\/ Update Display and storage \r\n $(\"#iscorrect\").html(iCorrect); \r\n localStorage['correct'] = iCorrect; \r\n<\/code><\/pre>\n \/\/ Initialize Scoreboard of Correct and Incorrect Values \r\n if (typeof sessionStorage['correct'] == 'undefined') { sessionStorage['correct'] = 0; } \r\n if (typeof sessionStorage['notcorrect'] == 'undefined') { sessionStorage['notcorrect'] = 0; } \r\n\r\n \/\/ Increment Value \r\n var iCorrect = parseInt(sessionStorage['correct']); \r\n iCorrect++; \r\n\r\n \/\/ Update Display and storage \r\n $(\"#iscorrect\").html(iCorrect); \r\n sessionStorage['correct'] = iCorrect; \r\n<\/code><\/pre>\n
\nFireFox 3.5+
\nChrome 4.0+
\nIE 8.0+
\nSafari 4.0+<\/p>\n","protected":false},"excerpt":{"rendered":"