As the answers here already talk about the coding aspect. I will talk about

the concept.

Local storage is basically an object stored in the specific browser you are 

using in that moment. And thus it is tied to that browser in that device. It's 

duration is infinite so it never expires

​

If you only want to store data that only lasts for that browser session(

starts when you open a window and ends when you close it) then the best choice

is sessionStorage

function createItem() {

    localStorage.setItem('nameOfItem', 'value'); 

} 

createItem() // Creates a item named 'nameOfItem' and stores a value of 'value'

​

function getValue() {

    return localStorage.getItem('nameOfItem');  

} // Gets the value of 'nameOfItem' and returns it

console.log(getValue()); //'value';

localStorage.setItem('user_name', 'Rohit'); //store a key/value

var retrievedUsername = localStorage.getItem('user_name'); //retrieve the key

localStorage.setItem('nombre_color', 'Rojo'); // envio de data al "localStorage"

localStorage.getItem("nombre_color");// captura de data del "localStorage"

localStorage.removeItem('nombre_color'); // Eliminar variable especifica

localStorage.clear(); // Eliminar todas las variables

// localStorage for objects, arrays or any data type

var obj = {

    firstName: "Bob",

    lastName: "Jeff",

    age: 13

}

localStorage.setItem("itemname", JSON.stringify(obj)); // Save the obj as string

var item = JSON.parse(localStorage.getItem("itemname")); 

// ^^ Parse string then set `item` as the obj

function setItem(name, value) {

  localStorage.setItem(name, value);

}

function getItem(name) {

  localStorage.getItem(name);

}

function deletItem(name) {

  localStorage.removeItem(name);

}

function clearStorage() {

  localStorage.clear();

}

> Add item

localStorage.setItem('foo', 'bar');

> Get item

localStorage.getItem('foo');

> Remote item

localStorage.removeItem('foo');

> Clear all

localStorage.clear();

localStorage.setItem("user_name", "Bob");

​

document.body.addEventListener("click", function(){

  alert(localStorage.getItem("user_name"))

});

localStorage.setItem(key, val);

var val = localStorage.getItem(key);

localStorage.removeItem(key);

localStorage.clear();

localStorage.setItem('Items' , 'Bread');

let Bread = localStorage.getItem('Items');

myStorage = localStorage;

​

localStorage.setItem('myCat', 'Tom');

​

var cat = localStorage.getItem('myCat');

​

localStorage.removeItem('myCat');

​

localStorage.clear();