TS: einfacher Button

Beitrag lesen

Hallo und guten Abend,

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.

Erster Gedanke: Datenstruktur. Z.B.


> var state = {
>      color: 'red',
>      label: 'occupied'
> };

Man benötigt für das Button-Element keine zusätzlich Variable zum Merken des Zustandes. Es hat auch eine Value-Property, die man per HTML initialisieren und per JS dann nutzen (auslesen, setzen) kann. Ich habe sie im Beispiel nur erst einmal weggelassen, weil ich es nicht überfrachten wollte.

Solltes es also zum Submit kommen, kann man sämtliche Werte mit übertragen.

Grüße
TS