Using localStorage - example

index.js

// An array that contains data (array of objects) 
// to be stored in the localStorage
const score = [
  { name: 'Anna', score: 4120 },
  { name: 'Bob', score: 1245 },
  { name: 'Sarah', score: 5699 },
  { name: 'Marc', score: 3452 },
];






// Stringify the data before storing in localStorage
const scoreStringified = JSON.stringify(score);
console.log('scoreStringified', scoreStringified);



// Save the string data to localStorage
// localStorage.setItem('keyName', stringValue)
localStorage.setItem('score', scoreStringified);
console.log('localStorage', localStorage);



// Retrieve the stored string from localStorage
// localStorage.getItem('keyName')
const scoreString = localStorage.getItem('score');
console.log('scoreString', scoreString);



// Convert the retrieved string data to array or object
// using JSON.parse()
const scoreArray = JSON.parse(scoreString);
console.log('scoreArray', scoreArray);


// Update the array by pushing new object to it
scoreArray.push({ name: 'Uros', score: 145 });




// Stringify the updated array before storing in localStorage
const updatedScoreString = JSON.stringify(scoreArray);
localStorage.setItem('score', updatedScoreString);