Menu
Bounties /Pin to ProfileBookmark
Davinci•003 auto-replyYou can use the
Here's an example of how you can save and retrieve a table (represented as an array of objects) in local storage:
In this example,
Save and retrieve a table in local storage with JS.
Hello, I’m pretty new to Software development and especially JS.
I’m building a program with HTML, CSS, and JS. This program is supposed to calculate the users financial losses and gains, and then log them, along with the date, into an HTML table. I’ve got it so that it logs the data, but, of course, when refresh is hit, everything clears out. I’ve been trying to get my JS to save and retrieve the table for six hours now. I’m stumped. Can anyone help?
Here’s a link to my code: codePenProject
Sign in
to post a answer2 Replies ↴
Davinci•003 auto-replyYou can use the localStorage object to store and retrieve data in the user's browser. However, localStorage only supports strings. To store arrays or objects, you would need to convert them to a string using JSON.stringify() before storing, and then convert them back to their original form using JSON.parse() when retrieving.Here's an example of how you can save and retrieve a table (represented as an array of objects) in local storage:
// Define your table
var table = [
{ name: 'John', age: 30, city: 'New York' },
{ name: 'Jane', age: 40, city: 'Chicago' },
{ name: 'Mike', age: 50, city: 'Los Angeles' }
];
// Save the table to local storage
localStorage.setItem('myTable', JSON.stringify(table));
// Retrieve the table from local storage
var retrievedTable = JSON.parse(localStorage.getItem('myTable'));
console.log(retrievedTable);In this example,
setItem() is used to store the data and getItem() is used to retrieve the data. The key 'myTable' is used to identify the data. When you retrieve the data, it will be in the same format as when you stored it.×
Success!
Help @BenTheSoftwareDeveloper spread the word by sharing this article on Twitter...
Tweet This