MickSlash
/
JavaScript_Fetch_API
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: MickSlash:8cfb75b8d58abeebb7ad00efb51dcc038c99e1b1
Branches Tags
MickSlash:master
..
compare: MickSlash:12e5b11ab42625b033f1f8a6e040cce6f0f5660c
Branches Tags
MickSlash:master

2 Commits
8cfb75b8d5 ... 12e5b11ab4

Author SHA1 Message Date
Mick877 12e5b11ab4 Merge branch 'master' of https://gitea.icrack-games.com/MickSlash/JavaScript_Fetch_API 2020-01-12 14:50:59 +01:00
Mick877 c6f96fbf15 Uploaded File 2020-01-12 14:50:24 +01:00
2 changed files with 47 additions and 0 deletions
Show Stats Expand all files Collapse all files

17
fetch-api-form.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="it" dir="ltr">
<head>
<meta charset="utf-8">
<title>Form Fetch API</title>
<script src="fetch-form-api.js" charset="utf-8"></script>
</head>
<body>
<p>Inserisci una valuta per ottenere i tassi di cambio con l'Euro</p>
<form id="form">
<input type="text" id="currency" placeholder="Valuta">
<input type="submit" value="Converti">
</form>
<hr>
<h2 id="exchange-result"></h2>
</body>
</html>

30
fetch-form-api.js Normal file
View File

@ -0,0 +1,30 @@
function getJSON(response){
let data = response.json();
return data
}
function getCurrencyRate(currency){
console.log(currency);
let url = "https://api.exchangeratesapi.io/latest?symbols=" + currency;
fetch(url)
.then(getJSON)
.then(data => {
console.log("Data : " ,data)
let rate = Object.values(data.rates)[0];
document.querySelector("#exchange-result").innerHTML = `1.00 Euro corrisponde a ${rate} ${currency}`;
})
.catch( err => {
// console.log("Errore : ", err)
document.querySelector("#exchange-result").innerHTML = `Errore ${err}`;
})
}
document.addEventListener("DOMContentLoaded", () =>{
document.querySelector("#form").onsubmit = event =>{
event.preventDefault();
const currency = document.querySelector("#currency").value;
getCurrencyRate(currency)
document.querySelector("#currency").value = "";
}
})