Question

Hi I am a beginner web developer and am trying to build the interface of a simple e-commerce site as a personal project.The site has multiple pages with checkboxes.

When someone checks an element

• it retrives the price of the element and
• stores it in a variable.

But when I go to the next page and click on new checkboxes products the variable automaticly resets to its original state.

How can I save the value of that variable in Javascript?I am using the jQuery library.

EDIT:This is the code I’ve writen using sessionStorage but it still dosen’t work when I move to next page the value is reseted.

How can I wright this code so that i dosen’t reset on each page change.All pages on my website use the same script.

$(document).ready(function(){
         var total = 0;



            $('input.check').click(function(){
                if($(this).attr('checked')){
                    var check = parseInt($(this).parent().children('span').text().substr(1 , 3));
                    total+=check;
                    sessionStorage.var_name=0 + total;
                    alert(sessionStorage.var_name);

                }else{
                    var uncheck = parseInt($(this).parent().children('span').text().substr(1 , 3));
                    total-=uncheck;


                }
            })

Answer 1

The syntax for sessionStorage is simple, and it retains it’s data until the browser window is closed. It acts exactly like any other javascript object. You can use dot-notation or square bracket notation (required for keys with spaces) to access stored values.

Storing values using sessionStorage

sessionStorage['value key'] = 'value to store';

Using stored values

alert(sessionStorage['value key']);  // Alerts "value to store".