Wie kann ich die Temperatur in °C und °F über einen Umschalter anzeigen?

Um die Temperatur sowohl in Grad Celsius als auch Fahrenheit über einen Umschalter anzuzeigen, wurde in diesem Beispiel eine einfache HTML-Seite erstellt. Im sichtbaren Bereich wird die Temperatur groß und zentral angezeigt. Darunter befindet sich ein Umschalter, der optisch ein Checkbox-Schalter ist, der die Einheit zwischen °C und °F wechseln lässt.

Der Ausgangswert ist in Grad Celsius hinterlegt (hier 25 °C). Mit Hilfe von JavaScript wird beim Umschalten die Temperatur entweder direkt in °C angezeigt oder in eine Fahrenheit-Zahl umgerechnet. Die Umrechnung erfolgt nach der bekannten Formel:

Wenn der Nutzer den Schalter umlegt, wird automatisch die Anzeige aktualisiert. Die Anzeige wird so gestaltet, dass sie gut lesbar und ansprechend ist.

Dieses Vorgehen ist leicht erweiterbar, so kann man beispielsweise die Ausgangstemperatur dynamisch aus einer Eingabe, von Sensoren oder einer API laden und die Darstellung anhand des Schalters aktualisieren.

Falls du möchtest, kann ich dir auch eine Version mit Eingabefeld oder mit zusätzlicher lokaliserter Darstellung schreiben.