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 vybranaMista vytvoříte pomocí const. filter() vytvoří nové pole, a když ho uložíte do konstanty, skončí to chybou TypeError: Assignment to constant variable.

Pokyny

  1. Kliknutí na volné místo ho vybere a další kliknutí výběr zruší. Vybraná místa mají třídu vybrane. V style.css jim 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.