Storing Local Data with Javascript

#help #javascript #localstorage #discuss

I'm trying to store a table's data locally. I'm a bit confused about where I should store the cells; in an array? Will the array return each cell in the correct row index? How should I set the local data variable if I'm passing rows and a table as the arguments?

In my code, the table creates a new row from user input. When I refresh, the table goes away. I'd like to keep the table from the previous session.

Here's what I have so far:
(press the play button to run the code)

Top comments (4)

likejean • Jun 25 '19 • Edited

Storing data in a declared array won't reserve your data in that array after you recompile the code again. If you don't involve any backend storage here and only looking for client-side storage, you would have to use some kind of browser-built Javascript APIs in order to save your data. The simplest and most widely supported is WebStorage where you have persistent storage (localStorage) or session based (sessionStorage). The Google has developed its own storage. There are plenty tutorials available how to store data locally.

Njeri Cooper • Jun 25 '19

Thanks! I'll look that up.

Gaurav • Jun 25 '19 • Edited

Hi, You can store the data in local storage, and if you want the data to be in order, you can do this

Whenever new data is created, store the id also, it should be increment, ex- Date.now().getTime()
Store the data in local storage
The data should be stored in an Array

Example data format =

var data = [{
      id: 1,
      more: data
    }, {
      id: 2,
      more: data
 }];

Now when the user refreshes the page, you can take the data from local storage, sort it by id and display it

Njeri Cooper • Jun 25 '19

Interesting. Thank you!

DEV Community

Storing Local Data with Javascript

Top comments (4)

Read next

🔥 Blockchain is way More Than Just Crypto! Here's What's Really Cool Right Now

How the new concepts of JSSugar and JS0 are able to slow down websites

To access terminal profile of VS Code and add commands to be run initially

Node.js as a normal script.js file