einfacher Button

[Gunnar Bittersmann]

@@Jovo Rakic

ich glaube meine Frage ist ganz einfach für euch. also was ich möchte, ist ein Button erstellen auf dem steht " platz Frei" und dieser soll grün sein. Wenn ich darauf klicke soll er rot werden und es soll stehen Platz besetzt. Wenn man wiederum darauf klickt soll wieder Platz Frei kommen.

Mit „Button“ meinst du jetzt sicher allgemein ein interaktives UI-Element, keinen Absendebutton für Formulare?

Das entsprechende UI-Element für zwei Zustände (aus/an, frei/belegt etc.) ist eine Checkbox:

<input type="checkbox" id="seattaken" name="seattaken"/>
<label for="seattaken">Platz besetzt</label>

Mit CSS kann das so gestaltet werden, dass nur das Label zu sehen ist, nicht die Checkbox selbst; und dass das Label in Abhängigkeit davon, ob die Checkbox angehakt ist, seine Farbe und seinen (visuell sichtbaren) Text ändert.

Danke im Vor raus.

Nette Variante, leider falsch. Anstatt Space kommt ein Backspace: Voraus.

LLAP 🖖