How to save value of array to localStorage in function?

Question

I want to save the value of the input into the local storage upon button click.

allNames = []

function submit() {
  let names = document.getElementById("names").value;
  allNames.push(names);

  localStorage.setItem("totalNames", JSON.stringify(allNames))
  console.log(JSON.parse(localStorage.getItem("totalNames")))

}

<button onclick="submit()">Submit</button>

<input id="names" placeholder="Enter Name">

I want to save the value of the name the user enters into the input to local storage so even after the page refreshes, the name will be saved.

what isnt working?

terpinmd
– terpinmd

2020-04-02 17:05:01 +00:00
Commented Apr 2, 2020 at 17:05 — terpinmd
– terpinmd, Commented Apr 2, 2020 at 17:05
Every time I refresh the page, the local storage is cleared

Ved Tiwari
– Ved Tiwari

2020-04-02 17:05:47 +00:00
Commented Apr 2, 2020 at 17:05 — Ved Tiwari
– Ved Tiwari, Commented Apr 2, 2020 at 17:05

Mechanic · Accepted Answer · 2020-04-02 18:00:12Z

3

You are re-initialing the array every time and then saving into the LS;instead

you should check if there is previuos value in LS and assign to allnames if exist like this

let allNames;

if(localStorage.getItem("totalNames")){
 allNames = JSON.parse(localStorage.getItem("totalNames"))
}else{
 allNames= []
}

answered Apr 2, 2020 at 18:00

Mechanic

5,4684 gold badges19 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to save value of array to localStorage in function?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related