שמירת נתונים עם localStorage
בינוני~30 דק׳0/4 שלבים
שומרים את הספר גם אחרי רענון
זיכרון הדפדפן נעלם ברענון. localStorage נותן לאפליקציה מקומית קטנה אחסון מתמשך באותו מכשיר. שומרים מערכים כ־JSON ומחזירים אותם בעזרת parse.
גם השחזור יכול להיכשל אם המידע נפגם, ולכן התאוששות היא חלק מהפיצ׳ר.
הוראות
1
צרו loadTransactions עם localStorage.getItem ו־JSON.parse.
רמז: קראו את STORAGE_KEY ופרסרו רק אם התקבל ערך.
איפה כותבים את זה?
// Implement loadTransactions(), saveTransactions(), and render().כתבו את זה בשורה 5 — מתחת להערה הזאת, אחרי הקוד שכבר הוספתם.
2
התאוששו בבטחה עם try/catch והחזירו מערך ריק בכשל.
3
צרו saveTransactions(items) באמצעות JSON.stringify.
4
שמרו אחרי כל push והציגו פעם אחת בעת טעינת העמוד.
הקוד שלכם
html
1
2
3
4
5
בנייה עם ViBot0 / 12 הודעות חינם
אני אבנה עבורכם את השלב. אין צורך לכתוב או להבין קוד — אפשר להשתמש בכפתור המודרך או לתאר במילים מה תרצו. השלב הזה: צרו loadTransactions עם localStorage.getItem ו־JSON.parse.
תצוגה חיה
תצוגה חיה