Die Plätze

Der Einfachheit halber haben beide Säle des Kinos Sternenlicht, der große und der kleine, dieselben Plätze: fünf Reihen, A bis E, mit je acht Plätzen. In der Platzwahl wird jeder Platz ein Button mit seiner Reihe und Nummer darauf: A1, A2 und so weiter bis E8.

Das Skript erstellt die Buttons in zwei Schleifen, eine in der anderen, wie in der Übung Verschachtelte Schleifen. Die äußere Schleife geht durch die Reihen, und für jede Reihe geht die innere Schleife durch die Nummern von 1 bis 8:

const reihen = ["A", "B", "C", "D", "E"];
const plaetzeProReihe = 8;

for (const buchstabe of reihen) {
    for (let nummer = 1; nummer <= plaetzeProReihe; nummer++) {
        const platz = `${buchstabe}${nummer}`;
        // Erstelle hier den Button des Platzes ...
    }
}

platz ist "A1", "A2" und so weiter bis "E8".

Schreibe eine Funktion zeigePlaetze(), die die Plätze der gewählten Vorstellung in ein leeres div mit der id plaetze zeichnet, das du in der Platzwahl unter der Überschrift hinzufügst. Die Funktion muss wissen, welche Vorstellung gewählt ist, und die nächsten Übungen ebenso. Also merkt sich waehleVorstellung() sie in einer Variablen, gewaehlteVorstellung (zuerst null), bevor sie zeigePlaetze() aufruft.

Die Plätze in belegt der Vorstellung sind schon verkauft. Sie bekommen die Klasse belegt und dürfen nicht anklickbar sein: Setze ihr disabled auf true, wie du es beim Button in der Lektion Timer und Warten getan hast. includes() sagt dir, ob ein Platz in belegt steht.

Das Aussehen. Vierzig Buttons hintereinander würden umbrechen wie die Wörter eines Absatzes. Ordne sie als Raster mit acht Spalten an, wie in der Lektion Grid im CSS-Kurs: repeat(8, 1fr) ergibt acht gleich breite Spalten.

Typische Fehler:

• Vergessen, #plaetze am Anfang von zeigePlaetze() zu leeren. Wähle eine andere Vorstellung, und ihre Plätze werden hinter die alten gehängt.