JSON verilerini çekmek için de parametreler kullanabilirsiniz. Örneğin, aşağıdaki kod parçacığında symbol parametresini kullanarak CryptoCompare API’sinden veri çekiyoruz.
Bu örnekte, fsym parametresi ile hangi para biriminin verilerini çekeceğimizi, tsyms parametresi ile de hangi para birimlerine çevireceğimizi belirtiyoruz.
Parametreleri URL’ye eklemek için, ? işareti ile başlatıyor ve & işareti ile diğer parametreleri ayırıyoruz. Her parametre, parametre_adı=değer şeklinde yazılır. Örneğin, fsym=USD&tsyms=TRY gibi.
Aşağıdaki kod parçacığında CryptoCompare API’sini kullanarak JavaScript ile doları Türk lirasına çevirebilirsiniz:
Bu örnekte, fsym parametresi ile hangi para biriminin verilerini çekeceğimizi, tsyms parametresi ile de hangi para birimlerine çevireceğimizi belirtiyoruz. Bu örnekte, doları Türk lirası cinsine çeviriyoruz.
Daha sonra, fetch() fonksiyonu ile API’ye istek gönderiyor ve cevabı alıyoruz. Cevabın içinde bulunan verileri, response.json() ile JSON nesnesine dönüştürüyor ve then() bloğunda işleyebiliyoruz. Bu örnekte, doların Türk lirası cinsinden değerini console.log() ile ekrana yazdırıyoruz.
Ancak HTML ile görsel olarak görmek ve girdiğimiz miktarın ne kadar yaptığını görmek için örneği biraz değiştirip genişletiyoruz.
Bu örnekte, fsym parametresi ile hangi para biriminin verilerini çekeceğimizi, tsyms parametresi ile de hangi para birimlerine çevireceğimizi belirtiyoruz.
Parametreleri URL’ye eklemek için, ? işareti ile başlatıyor ve & işareti ile diğer parametreleri ayırıyoruz. Her parametre, parametre_adı=değer şeklinde yazılır. Örneğin, fsym=USD&tsyms=TRY gibi.
Aşağıdaki kod parçacığında CryptoCompare API’sini kullanarak JavaScript ile doları Türk lirasına çevirebilirsiniz:
Kod:
fetch('https://min-api.cryptocompare.com/data/price?fsym=USD&tsyms=TRY')
.then(response => response.json())
.then(data => {
console.log(`1 USD = ${data.TRY} TRY`); // Doların Türk lirası cinsinden değeri
});Bu örnekte, fsym parametresi ile hangi para biriminin verilerini çekeceğimizi, tsyms parametresi ile de hangi para birimlerine çevireceğimizi belirtiyoruz. Bu örnekte, doları Türk lirası cinsine çeviriyoruz.
Daha sonra, fetch() fonksiyonu ile API’ye istek gönderiyor ve cevabı alıyoruz. Cevabın içinde bulunan verileri, response.json() ile JSON nesnesine dönüştürüyor ve then() bloğunda işleyebiliyoruz. Bu örnekte, doların Türk lirası cinsinden değerini console.log() ile ekrana yazdırıyoruz.
Ancak HTML ile görsel olarak görmek ve girdiğimiz miktarın ne kadar yaptığını görmek için örneği biraz değiştirip genişletiyoruz.
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tasarım Kodlama</title>
</head>
<body>
<form action="">
USD<input type="radio" name="rbKur" id="rbUSD" ><br>
TRY<input type="radio" name="rbKur" id="rbTRY" ><br>
<input type="number" id="miktar" min="1" value="1">
<div id="ucretler">
</div>
</form>
<script>
async function getUcret() {
if(rbTRY.checked){
const response = await fetch( 'https://min-api.cryptocompare.com/data/price?fsym=TRY&tsyms=USD' )
const data = await response.json()
document.getElementById('ucretler').innerHTML = `
${miktar.value} TRY = ${data.USD * miktar.value} USD<br>
`;
}else{
const response = await fetch( 'https://min-api.cryptocompare.com/data/price?fsym=USD&tsyms=TRY' )
const data = await response.json()
console.log(data)
document.getElementById('ucretler').innerHTML = `
${miktar.value} USD = ${data.TRY * miktar.value} TRY<br>
`;
}
}
rbUSD.oninput=getUcret;
rbTRY.oninput=getUcret;
miktar.oninput=getUcret;
</script>
</body>
</html>