Výběr představení

Teď to hlavní: vstupenky. Každý řádek tabulky dostane tlačítko Vybrat místa. Kliknutí na něj otevře pod tabulkou výběr míst, v jehož nadpisu bude den, čas a film. V tomto cvičení výběr míst přidáte a otevřete, samotná místa přijdou v dalším.

Výběr míst je sekce stránky program.html pod tabulkou:

<section id="vyber-mist" hidden>
    <h2 id="nadpis-vyberu"></h2>
</section>

Atribut hidden (anglicky skrytý) prvek skryje. Ukáže ho až skript příkazem vyberMist.hidden = false; a hodnota true ho zase skryje. To se hodí pro části stránky, které zatím nejsou potřeba.

Tlačítka vytváří zobrazProgram(), každé v páté buňce svého řádku. (Do řádku s nadpisy přidejte páté, prázdné th, aby čára pod nadpisy vedla i nad tlačítky.) Obsluha kliknutí každého tlačítka musí vědět, které představení je v jeho řádku. Vytvořte ji uvnitř cyklu, jako u oblíbených filmů v miniprojektu Filmový večer, a bude si pamatovat představení ze svého průchodu cyklem:

tlacitko.addEventListener("click", function () {
    zvolPredstaveni(predstaveni);
});

Funkci zvolPredstaveni() napíšete sami: vyplní nadpis a ukáže výběr míst. V dalších cvičeních toho bude dělat víc.