An Overview of localStorage

localStorage.js

/*          WITH JSON          */

// Create with JSON
var user = { name: 'Mehmet Burak Erman', age: 22 }  
localStorage.setItem('user', JSON.stringify(user));

// Read
console.log( JSON.parse(localStorage.getItem('user')) );
// or
console.log( JSON.parse(localStorage.getItem('user')).name );

// Update (age updated)
var updatedUser = { name: 'Ire Aderinokun', age: 30 }  
localStorage.setItem('user', JSON.stringify(updatedUser));

// Delete
localStorage.removeItem('user'); 

/*          WITHOUT JSON          */

// Create withot JSON
var black_color="#222";
localStorage.setItem("color",black_color);

// Read
if(localStorage.getItem("color")) {
  console.log(localStorage.getItem("color"));
}

// Update
black_color="#333";
localStorage.setItem("color",black_color);

// Delete
localStorage.removeItem('color');