json Datei parsen

**haiflosse** · 14-06-2022, 19:53

Hallo!
Ich habe folgenden Code wo ich in data eine json Datei erhalte:

HTML-Code:

<script>
const key = "1234";

const url = 'https://api.getgeoapi.com/v2/currency/convert?api_key=${key}&from=EUR&to=GBP&amount=10&format=json'

fetch(url)
  .then(response => response.json())
  .then(data => console.log(data));
</script>

Das Ergebnis sieht z.B. wie folgt aus:

Code:

{"base_currency_code":"EUR","base_currency_name":"Euro","amount":"10.0000","updated_date":"2022-06-14","rates":{"GBP":{"currency_name":"Pound sterling","rate":"0.8658","rate_for_amount":"8.6578"}},"status":"success"}

Ich möchte nun mit javascript nur den rate_for_amount in eine Variable speichern.
Hoffe es kann mir hier jemand weiterhelfen.
Vielen Dank

**mikdoe** · 15-06-2022, 10:23

Ein bisschen ausführlicher:

HTML-Code:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Test</title>
	</head>

	<body>

		<input type="text" id="in">
		<input type="button" value="rate_for_amount Auslesen" onclick="konvert();">
		<div id="ergebnis"></div>

		<script>
			function konvert() {
				var data = JSON.parse(document.getElementById('in').value);
				document.getElementById('ergebnis').innerHTML = data.rates.GBP.rate_for_amount;
			}
		</script>
	</body>
</html>

**haiflosse** · 15-06-2022, 22:35

Danke für die Antwort.
Hat super funktioniert.
Hier die Lösung:

HTML-Code:

<script>
const key = "1234";

const url = 'https://api.getgeoapi.com/v2/currency/convert?api_key=${key}&from=EUR&to=GBP&amount=10&format=json'

fetch(url)
  .then(response => response.json())
  .then(data => konvert(data));
 

function konvert(data) {
				//var data = JSON.parse(document.getElementById('in').value);
				document.getElementById('ergebnis').innerHTML = data.rates.GBP.rate_for_amount;
			}
</script>