Q:

localStorage

// using in HTML5 (frontend)

// set
localStorage.setItem('users', 'vilh'); 

users = [
	{
    	id: 1,
        name: 'vilh',
    },
    {
    	id: 2,
        name: 'zidane'
    },
]

// set string 
localStorage.setItem('users', users);	// stored objects
localStorage.setItem('users', JSON.stringify(users));	// stored string

// get
var retrievedUsername = localStorage.getItem('users'); 
2
// 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
4
var cat = localStorage.getItem('myCat');
1
localStorage.setItem('name', 'Bob') // make/set a key/value
var username = localStorage.getItem('name') // get the key
console.log(username) // log the key
// This data will be saved even after you close the page
0
localStorage.setItem('myCat', 'Tom');
2
localStorage.removeItem('myCat');
0

New to Communities?

Join the community