Persistence with localStorage
متوسّط~30 د0/4 خطوات
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.
التعليمات
1
Create loadTransactions with localStorage.getItem and JSON.parse.
تلميح: Read STORAGE_KEY, then parse only when raw exists.
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.
الكود الخاص بك
html
1
2
3
4
5
ابنِها بالـ vibe مع ViBot0 / 12 رسائل مجانية
صف ما تريد بناءه في هذه الخطوة وسأكتب الكود — ثم انقر «تطبيق» لإدراجه في محرّرك. هذه الخطوة: Create loadTransactions with localStorage.getItem and JSON.parse.
معاينة مباشرة
معاينة مباشرة