How to create and store JSON objects in localStorage using JavaScript?

This is how you can store data in browser using Storage interface of Web Storage API.

localStorage.setItem('name', 'Yogesh');

This is how you can get that stored data:

localStorage.getItem('name');

You can save that in a variable or directly print it, up to you.

If you have a form on your website and you want to save data of user inputs then you can use this function to retrieve the values and save those values in localStorage.

function saveData() {
  let name = document.getElementById("name").value;
  let email = document.getElementById("email").value;
  let address = document.getElementById("address").value;

  let data = {
    name: name,
    email: email,
    address: address,
  };

  localStorage.setItem("data", JSON.stringify(data));
}

Share this post