Uložení měsíce

Poslední krok: aplikace si musí měsíc pamatovat. Teď stačí jedno kliknutí na Spustit nebo jedno znovunačtení stránky a všechny výdaje jsou pryč.

Úkol. Pokaždé, když se seznam změní, uložte výdaje do localStorage pod klíčem vydaje, a když se aplikace spustí, přečtěte si je zpátky, aby je seznam i všechny součty zase ukázaly. Pak pod součty přidejte tlačítko s id novy-mesic a textem Nový měsíc: kliknutí na něj seznam vyprázdní, protože začíná nový měsíc, a uložený zůstane i prázdný seznam.

Tip: jedno sledování může ukládat po každé změně, ať ji udělalo cokoli. push() mění pole uvnitř, a tak sledování potřebuje { deep: true }. Tlačítko dejte mimo formulář: tlačítko uvnitř formuláře ho odešle.

A to je celý projekt. Vaše aplikace kontroluje, co se napíše do formuláře, vede seznam, sčítá ho třemi způsoby pomocí vypočítaných hodnot, které jsou vždycky aktuální, a jedním sledováním si měsíc pamatuje v prohlížeči. V další lekci, Komponenty, se naučíte takovou aplikaci rozdělit na menší části, každou ve vlastním souboru.