Projektbeschreibung
ÜbersetztIch betreibe einen kleinen Automobilblog und möchte ein interaktives Widget hinzufügen, das den Lesern hilft, abzuschätzen, wie viel Kraftstoff eine geplante Reise benötigen wird und was sie ungefähr kosten wird. Ein Besucher gibt die Distanz der Reise in Kilometern und den durchschnittlichen Kraftstoffverbrauch seines Autos pro 100 km ein, und das Widget berechnet sofort den benötigten Kraftstoff in Litern und die ungefähren Reisekosten, sobald ein Preis pro Liter eingegeben wird.
Der Rechner sollte sich wie ein natürlicher Teil der Seite anfühlen und nicht wie ein Plugin, das oben draufgeschraubt ist. Es muss reibungslos auf Desktop und Mobilgeräten funktionieren, das Ergebnis live aktualisieren, während der Besucher tippt oder nachdem eine Berechnungstaste gedrückt wurde, und Randfälle wie leere Felder, Nullwerte, unrealistische Zahlen oder die Verwendung eines Kommas anstelle eines Punkts elegant handhaben. Es wäre hilfreich, wenn das Feld für den Kraftstoffpreis für verschiedene Regionen bearbeitbar bleibt und ein kleiner Schalter das Widget zwischen Litern und Gallonen, Kilometern und Meilen umschalten könnte.
Visuell sollte das Widget leichtgewichtig sein, zu einem sauberen, modernen Auto-Blog-Layout passen und schnell laden, ohne schwere Bibliotheken — reines JavaScript oder ein sehr leichtes Framework wird bevorzugt. Bitte liefern Sie einen bereit zum Einbetten Block aus Markup, Styles und Skripten, mit kurzen Hinweisen zur Platzierung in eine bestehende Seite und leichten Codekommentaren, damit Formeln oder Stile später angepasst werden können.
Was benötigt wird:
— Eingabefelder für Reisedistanz und durchschnittlichen Kraftstoffverbrauch pro 100 km;
— Berechnung des benötigten Kraftstoffvolumens und der ungefähren Reisekosten aus einem Preis-pro-Liter-Feld;
— optionaler Einheitenschalter zwischen Kilometern/Meilen und Litern/Gallonen;
— responsives Layout, das zu einem auto-bezogenen Webdesign passt;
— grundlegende Eingabevalidierung mit klaren, freundlichen Fehlermeldungen.
Der Rechner sollte sich wie ein natürlicher Teil der Seite anfühlen und nicht wie ein Plugin, das oben draufgeschraubt ist. Es muss reibungslos auf Desktop und Mobilgeräten funktionieren, das Ergebnis live aktualisieren, während der Besucher tippt oder nachdem eine Berechnungstaste gedrückt wurde, und Randfälle wie leere Felder, Nullwerte, unrealistische Zahlen oder die Verwendung eines Kommas anstelle eines Punkts elegant handhaben. Es wäre hilfreich, wenn das Feld für den Kraftstoffpreis für verschiedene Regionen bearbeitbar bleibt und ein kleiner Schalter das Widget zwischen Litern und Gallonen, Kilometern und Meilen umschalten könnte.
Visuell sollte das Widget leichtgewichtig sein, zu einem sauberen, modernen Auto-Blog-Layout passen und schnell laden, ohne schwere Bibliotheken — reines JavaScript oder ein sehr leichtes Framework wird bevorzugt. Bitte liefern Sie einen bereit zum Einbetten Block aus Markup, Styles und Skripten, mit kurzen Hinweisen zur Platzierung in eine bestehende Seite und leichten Codekommentaren, damit Formeln oder Stile später angepasst werden können.
Was benötigt wird:
— Eingabefelder für Reisedistanz und durchschnittlichen Kraftstoffverbrauch pro 100 km;
— Berechnung des benötigten Kraftstoffvolumens und der ungefähren Reisekosten aus einem Preis-pro-Liter-Feld;
— optionaler Einheitenschalter zwischen Kilometern/Meilen und Litern/Gallonen;
— responsives Layout, das zu einem auto-bezogenen Webdesign passt;
— grundlegende Eingabevalidierung mit klaren, freundlichen Fehlermeldungen.
Webprogrammierung Bargeld, Banküberweisung
