Save input data to localStorage on button click

Question

I am trying to build my first web application. In my app I need to have a settings panel, but I have no idea how to do it. I've been searching the web and came across a HTML5 localStorage, which I believe might be the best way to do the things. But the problem is I have no idea how to use it. ``` ``` How can I save data from input to localStorage when user clicks the button? Something like this? ```

Accepted Answer

The `localStorage` object has a `setItem` method which is used to store an item. It takes 2 arguments:

- A key by which you can refer to the item

A value

```
var input = document.getElementById("saveServer");
localStorage.setItem("server", input.val());
```

The above code first gets a reference to the `input` element, and then stores an item ("server") in local storage with the value of the value of that `input` element.

You can retrieve the value by calling `getItem`:

```
var storedValue = localStorage.getItem("server");
```

Save input data to localStorage on button click

Solution

Problem