Also mit der externen json Datei scheint es bei mir irgendwie nicht zu funktionieren. Gibt es dann nicht irgendwie einen Weg das ich alles in den gleichen Code schreiben kann.
Mit diesem Code funktioniert das ebenfalls nicht.
fetch(`waeh${from_currency}`)Ich habe das jetzt noch einmal angeschaut mit der Datei. Leider funktioniert es aber immer noch nicht und jetzt steht dies in der Konsole.
Uncaught (in promise) SyntaxError: Unexpected token } in JSON at position 112
Danke
Das sagt jetzt meine Konsole
Failed to load resource: the server responded with a status of 404 (Not Found)
:63342/1_Semester_2021/LB02/waeh:1
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
index.html:1
Hallo,
ich versuche gerade 'var waeh' in ein Object-literal umzuformen und das
'fetch' so zu formulieren das es dies aufnimmt. Leider funktioniert es aber
nicht und ich weiss nicht was ich tun kann.
var waeh = {
'CHF': 1.34,
'USD': 1.23,
'EUR': 1.45
};
const from_currencyEl=document.getElementById('from_currency');
const to_currencyEl=document.getElementById('to_currency');
const from_ammountEl = document.getElementById('from_ammount');
const to_ammountEl = document.getElementById('to_ammount');
const rateEl = document.getElementById('rate');
const exchange = document.getElementById('exchange');
for(x=0;x<waeh.length;x++){
op=document.createElement('option');
op.value=waeh[x];
op.innerHTML=waeh[x];
from_currencyEl.append(op)
}
to_currencyEl.innerHTML=from_currencyEl.innerHTML;
from_currencyEl.addEventListener('change', calculate);
from_ammountEl.addEventListener('input', calculate);
to_currencyEl.addEventListener('change', calculate);
to_ammountEl.addEventListener('input', calculate);
exchange.addEventListener('click', () => {
const temp = from_currencyEl.value;
from_currencyEl.value = to_currencyEl.value;
to_currencyEl.value = temp;
calculate();
});
function calculate() {
const from_currency = from_currencyEl.value;
const to_currency = to_currencyEl.value;
fetch(`waeh${from_currency}`)
.then(res => res.json())
.then(res => {
const rate = res.rates[to_currency];
rateEl.innerText = `1 ${from_currency} = ${rate} ${to_currency}`
to_ammountEl.value = (from_ammountEl.value * rate).toFixed(2);
})
}
calculate();Ich muss für ein Projekt sagen können ob der Code Daten im JSON-Format verarbeitet. Ich habe das jetzt online gegooglet aber bin mir bei diesem Code nicht sicher ob das ein JSON Format ist. Währe hier aber nich alles in diesen {} Klammern ein JSON Format?
for(x=0;x<waeh.length;x++){
op_ele=document.createElement('option');
op_ele.value=waeh[x];
op_ele.innerHTML=waeh[x];
from_currencyEl.append(op_ele)
}Ebenfalls muss ich Object-Literals erkennen können. Sind diese nicht Object-Literals? Diese 2 Codes sind ja das selbe Prinzip oder?
const object = Object( );const from_currencyEl=document.getElementById('from_currency');
const to_currencyEl=document.getElementById('to_currency');
const from_ammountEl = document.getElementById('from_ammount');danke, das hilft mir sehr.
Hallo,
ich habe einen Währungsrechner programmiert aber leider funktioniert er nicht. Die Idee ist das man zwischen verschiedenen Währungen aussuchen kann und die dann in verschiedene Währungen umrechnen kann.
Beispiel:
Ich gebe oben im Textfeld die Zahl 8 an zb. in Euro und drücke dann auf diesen Button. Nachdem man den Button gedrückt hat, steht in einem weiteren Textfeld dann, zb. wie viel Dollar, 8 Euro sind. Also ein ganz normaler Währungsrechner, der verschiedene Währungen umwandelt, indem man auf den Button drückt.
Ich hoffe ihr könnt mir hier weiterhelfen
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<script>
let waehrung = {
'USD':1.1402,
'CHF':1.1313,
'EUR':1.9312,
};
function UmrechnenForm(Zahl) {
let msg = Zahl * waehrung;
document.getElementById("localExchange").value = msg;
return msg;
}
function Umrechnen() {
let text = document.getElementById('text').value;
let msg = UmrechnenForm(text);
console.log("Log:" + msg);
}
</script>
</head>
<body>
Euro:<input name="Euro" type="text" size="30" maxlength="30">
<select id="localExchange">
<option value="USD">CHF</option>
<option value="CHF">EUR</option>
<option value="EUR">USD</option>
</select>
<input type="button" value="=" onclick="Umrechnen();">
Dollar:<input name="Dollar" type="result" size="30" maxlength="40">
<select id="foreignExchange">
<option value="eur">EUR</option>
<option value="usd">USD</option>
</select>
</body>
</html>