Vybraná místa
Návštěvník si teď vybírá místa: kliknutí na volné místo ho vybere a další kliknutí výběr zruší. Pod místy stránka ukáže, kolik jich je vybraných a kolik budou stát dohromady.
Vybraná místa mějte v poli vybranaMista, stejně jako oblíbené filmy v miniprojektu Filmový večer: includes() zjistí, jestli je místo vybrané, push() ho přidá a filter() vytvoří pole bez něj. Po každé změně místa vykreslete znovu pomocí zobrazMista(), která vybraným místům dá třídu vybrane. Obsluha kliknutí patří na tlačítko každého místa v zobrazMista(), vytvořená uvnitř cyklů, aby znala své místo. Obsazená místa jsou vypnutá, takže kliknutí na ně nic neudělá.
Cena. Cena jedné vstupenky je v cena představení, takže celkem to dělá vybranaMista.length * zvolenePredstaveni.cena. Ukažte to v odstavci s id souhrn pod místy, pokaždé když je zobrazMista() vykreslí, třeba Počet míst: 2, celkem: 360 Kč.
Jiné představení. Místa vybraná na pátek v sobotu nic neznamenají. Když návštěvník zvolí představení, začíná výběr znovu, prázdný.
Typické chyby:
- Pole
vybranaMistavytvoříte pomocíconst.filter()vytvoří nové pole, a když ho uložíte do konstanty, skončí to chybouTypeError: Assignment to constant variable.
Jak psát:
Pokyny
- 1
Kliknutí na volné místo ho vybere a další kliknutí výběr zruší. Vybraná místa mají třídu
vybrane. Vstyle.cssjim dejte vlastní vzhled, třeba jantarové pozadí. - 2
Pod místa přidejte odstavec s id
souhrn. Pokaždé, když se místa vykreslí, v něm ukažte, kolik jich je vybraných a kolik stojí dohromady:Počet míst: 2, celkem: 360 Kč. - 3
Když se zvolí představení, začněte bez vybraných míst.