einfacher Button

[Dag]

Hallo zusammen

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' };

Nächster Gedanke: Was damit machen? Z.B. legen wir state als eine statische Eigenschaft einer Funktion fest. Statisch deswegen, damit einmal gesetzte Werte beim Funktionsaufruf nicht verloren gehen (die Funktion muss sich an den letzten Zustand erinnern können).

Und nun? Ganz einfach, bei jedem Klick wird die Funktion aufgerufen, fertig, Dag

Wenn man wiederum darauf klickt soll wieder Platz Frei kommen. Ich kenne mich leider gar nicht mit html aus. Könnte mir jemand vlt. so ein Text vormachen, damit ich evtl. nur die grösse des Buttons ändern könnte. Das wäre einfach SUPER!!

Danke im Vor raus.

Gruss