0%

Skip to content

Persistence with localStorage

Intermediate~30 min0/4 steps

Keep the ledger after refresh

Browser memory disappears when a page reloads. localStorage gives a small local-first application durable storage on the same device. Arrays must be serialized to JSON when saved and parsed when loaded.

Parsing can fail if stored data is damaged, so recovery is part of the feature—not an afterthought.

Instructions

1

Create loadTransactions with localStorage.getItem and JSON.parse.

Hint: Read STORAGE_KEY, then parse only when raw exists.

Where does this go?

// Implement loadTransactions(), saveTransactions(), and render().

Write it on line 5 — under that comment, after the code you already added.

2

Recover safely with try/catch and return an empty array on failure.

3

Create saveTransactions(items) with JSON.stringify.

4

Save after every push and render once on startup.

Your Code

html
5 lines
1
2
3
4
5

Live Preview

Live Preview