Přidávání položek

Teď přijde nejdůležitější část: přidávání položek ze stránky. Když kliknete na tlačítko Přidat, skript má:

přečíst název a cenu z políček,
vytvořit z nich nový objekt a přidat ho na konec pole pomocí push(),
znovu zobrazit seznam pomocí funkce zobrazPolozky(), která aktualizuje i celkovou cenu.

Políčka čtěte uvnitř obsluhy kliknutí, tedy funkce, která se spustí po kliknutí na tlačítko. Spustí se až v tu chvíli, a tak přečte, co je v políčkách právě teď. Kdybyste je četli na začátku skriptu, dostali byste to, co v nich bylo při načtení stránky: prázdný text.

A pamatujte, že value políčka je vždy text, i u políčka pro čísla. Bez Number() by cena byla text "60" a celková cena by místo sčítání čísel spojovala texty: 100 + "60" dá "10060".

Po každém kliknutí na Spustit se stránka načte znovu, takže seznam začne zase se třemi položkami z pole.

Pokyny

Přidejte k tlačítku tlacitkoPridat obsluhu kliknutí (addEventListener("click", ...)). V ní uložte název (vstupNazev.value) do konstanty nazev a cenu jako číslo (Number(vstupCena.value)) do konstanty cena. Pak přidejte objekt { nazev: nazev, cena: cena } do polozky pomocí push() a zavolejte zobrazPolozky(). Vyzkoušejte to: napište Sýr a 60 a klikněte na Přidat. Celková cena stoupne na 160.

Na konci obsluhy kliknutí vymažte obě políčka (nastavte jejich value na ""), abyste mohli hned psát další položku.

Začněte programovat zdarma

3/6