Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT STORAGE / CHAPTER 06 / Учене / LESSON 07
Теория. Списък от записи се пази като ЕДИН ключ с JSON текст, например ключ "expenses" със стойност '[{"title":"Rent","amount":500}]'. Моделът е винаги един:
1. Зареждане: const raw = window.labStorage.getItem("expenses"); ако е null → празен масив, иначе JSON.parse(raw). 2. Промяна в паметта: items.push(запис). 3. Запис: window.labStorage.setItem("expenses", JSON.stringify(items)). 4. Рендер: покажи items в списъка.
След презареждане кодът минава през стъпка 1 и възстановява списъка. Затова ЗАРЕЖДАНЕТО е част от програмата, не само записът.
Малки примери:
function load() { const raw = window.labStorage.getItem("expenses"); return raw === null ? [] : JSON.parse(raw); } function save(items) { window.labStorage.setItem("expenses", JSON.stringify(items)); }
Честа грешка: да пишеш само нов запис вместо целия масив; да забравиш Number за сума; да рендерираш преди зареждането.
<form id="f"><input id="title" name="title" type="text"><input id="amount" name="amount" type="text"><button type="submit">Add</button></form><ul id="list"></ul>{
"expenses": "[{\"title\":\"Rent\",\"amount\":500}]"
}Зареждане → промяна → запис на целия масив → рендер. Презареждането минава през зареждането.
(празно)Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›