Wie kann ich den Currency Converter in eine Webseite einbetten?
Wenn du einen Currency Converter in eine Webseite einbetten möchtest, kannst du dies auf verschiedene Arten tun. Eine einfache Möglichkeit ist, ein HTML-Formular zu erstellen, das es den Nutzern erlaubt, eine Währung auszuwählen, einen Betrag einzugeben und diesen Betrag in eine andere Währung umzurechnen. Dabei kannst du JavaScript verwenden, um die Umrechnung basierend auf aktuellen Wechselkursen durchzuführen. Für echte Wechselkurse ist es sinnvoll, eine API wie die von ExchangeRate-API, Open Exchange Rates oder fixer.io zu nutzen.
Im Folgenden findest du ein ausführliches Beispiel, das zeigt, wie du einen einfachen Currency Converter direkt in einen HTML-Code einbettest. Hier wird JavaScript verwendet, um Wechselkurse abzurufen und die Umrechnung vorzunehmen. Das Beispiel nutzt die ExchangeRate-API (https://www.exchangerate-api.com/), die du kostenlos verwenden kannst (du musst dich registrieren und einen API-Key erhalten).
Währungsrechner
In diesem HTML-Dokument befindet sich der eigentliche Währungsrechner in einem zentrierten Bereich mit Eingabefeldern für den Betrag, die Ausgangs- und Zielwährung sowie einem Button zur Berechnung. Das Script bindet die Wechselkurse in Echtzeit über die ExchangeRate-API ein, führt eine Anfrage durch und zeigt das Ergebnis an. Du solltest unbedingt deinen eigenen API-Key bei ExchangeRate-API erzeugen und im JavaScript-Code an `const apiKey` einfügen.
Falls du keine eigene API nutzen möchtest, gibt es auch Embed-Widgets von Drittanbietern, die du via iframe oder JavaScript einfach in deine Seite einbetten kannst. Diese bieten vorgefertigte Interfaces, sind aber in der Flexibilität eingeschränkter.
Mit dem oben gezeigten Beispiel hast du jedoch volle Kontrolle, kannst das Styling anpassen und bei Bedarf erweitern, z.B. mit mehr Währungen, detaillierten Fehlermeldungen oder Zwischenspeicherung von Wechselkursen.