如何检索以前的localStorage值？

Question

This is my code...

function sendit() {
/*SEND DATA TO LOCAL STORAGE*/
    var mobject = { 'yes': 1};      
    $('.yes').on('click',function() {
            mobject.yes++;
            localStorage.setItem('mobject', JSON.stringify(mobject));
            var retrievedObject = localStorage.getItem('mobject');
            console.log('retrievedObject: ', JSON.parse(retrievedObject));
    });//end click
/**/
}//end yes

The results show up fine as I am clicking on my page and checking out the console log. But if I was to refresh the page, what must I change in my code to start the numerical value from where I left off?

Answer 1

Do a check on the local storage variable to see if it exists. If it does set mobject to that value else set to your default:

function sendit() {
/*SEND DATA TO LOCAL STORAGE*/
    var mobject = localStorage.getItem('mobject') ? JSON.parse(localStorage.getItem('mobject'))  : { 'yes': 1};      
    $('.yes').on('click',function() {
            mobject.yes++;
            localStorage.setItem('mobject', JSON.stringify(mobject));
            var retrievedObject = localStorage.getItem('mobject');
            console.log('retrievedObject: ', JSON.parse(retrievedObject));
    });//end click
/**/
}//end yes