Erstelle ein umfassendes Wetter-Dashboard mit HTML5, CSS3, JavaScript und der OpenWeatherMap-API. Die Oberfläche soll aktuelle Wetterbedingungen mit passenden Symbolen und Hintergrundänderungen je nach Wetter und Tageszeit anzeigen. Zeige eine detaillierte 5-Tage-Vorhersage mit aufklappbarer Stundenansicht für jeden Tag. Ergänze die Suche nach Orten mit Autovervollständigung und Verlauf, Geolokalisierung, Umschalter für Temperatur-Einheiten und Zeitformate sowie Warnungen, meteorologische Daten und Sonnenauf- und -untergangszeiten.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Baue ein umfassendes Wetter-Dashboard. Es soll aktuelle Wetterbedingungen, eine 5-Tage-Vorhersage, die Suche nach Orten, Geolokalisierung, Einheiten- und Zeitumschalter sowie Wetterwarnungen und Detaildaten anzeigen.
Build a comprehensive weather dashboard using HTML5, CSS3, JavaScript and the OpenWeatherMap API. Create a visually appealing interface showing current weather conditions with appropriate icons and background changes based on weather/time of day. Display a detailed 5-day forecast with expandable hourly breakdown for each day. Implement location search with autocomplete and history, supporting both city names and coordinates. Add geolocation support to automatically detect user's location. Include toggles for temperature units (°C/°F) and time formats. Display severe weather alerts with priority highlighting. Show detailed meteorological data including wind speed/direction, humidity, pressure, UV index, and air quality when available. Include sunrise/sunset times with visual indicators. Create a fully responsive layout using CSS Grid that adapts to all device sizes with appropriate information density.