<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<h3 class="text-center">Canlı Döviz Kurları (1 Döviz = ? TL)</h3>
<table class="table table-bordered table-striped currency-table">
<thead>
<tr>
<th>Döviz</th>
<th>1 Birim = TL</th>
</tr>
</thead>
<tbody id="rates-body">
<tr><td colspan="2" class="text-center">Yükleniyor...</td></tr>
</tbody>
</table>
<p class="text-muted text-center"><small>5 saniyede bir otomatik güncellenir</small></p>
</div>
.currency-table {
margin-top: 20px;
font-size: 16px;
}
.info {
background-color: #d9edf7;
}
.currency-table td {
vertical-align: middle;
}
function fetchRates() {
$.ajax({
url: "https://open.er-api.com/v6/latest/USD", // USD bazlı API kullanıyoruz
method: "GET",
dataType: "json",
success: function(data) {
var rates = data.rates;
var tryRate = rates.TRY; // 1 USD = ? TRY
if (!tryRate) {
$("#rates-body").html("<tr><td colspan='2' class='text-danger text-center'>TRY kuru bulunamadı.</td></tr>");
return;
}
// Öncelikli dövizler ve sembolleri
var priorityCurrencies = {
"USD": { name: "Amerikan Doları", symbol: "$" },
"EUR": { name: "Euro", symbol: "€" },
"GBP": { name: "İngiliz Sterlini", symbol: "£" },
"JPY": { name: "Japon Yeni", symbol: "¥" },
"CHF": { name: "İsviçre Frangı", symbol: "₣" }
};
// Diğer önemli dövizler
var otherCurrencies = {
"CAD": { name: "Kanada Doları", symbol: "C$" },
"AUD": { name: "Avustralya Doları", symbol: "A$" },
"SEK": { name: "İsveç Kronu", symbol: "kr" },
"NOK": { name: "Norveç Kronu", symbol: "kr" },
"DKK": { name: "Danimarka Kronu", symbol: "kr" },
"PLN": { name: "Polonya Zlotisi", symbol: "zł" },
"CZK": { name: "Çek Kronu", symbol: "Kč" },
"HUF": { name: "Macar Forinti", symbol: "Ft" },
"RUB": { name: "Rus Rublesi", symbol: "₽" },
"CNY": { name: "Çin Yuanı", symbol: "¥" },
"KRW": { name: "Güney Kore Wonu", symbol: "₩" },
"INR": { name: "Hint Rupisi", symbol: "₹" },
"BRL": { name: "Brezilya Reali", symbol: "R$" },
"MXN": { name: "Meksika Pesosu", symbol: "$" },
"ZAR": { name: "Güney Afrika Randı", symbol: "R" },
"SGD": { name: "Singapur Doları", symbol: "S$" },
"NZD": { name: "Yeni Zelanda Doları", symbol: "NZ$" },
"THB": { name: "Tayland Bahtı", symbol: "฿" },
"MYR": { name: "Malezya Ringiti", symbol: "RM" }
};
var html = "";
// Önce ana dövizleri ekle
Object.keys(priorityCurrencies).forEach(function(cur) {
if (rates[cur] || cur === "USD") {
var oneCurrencyInTl;
if (cur === "USD") {
oneCurrencyInTl = tryRate;
} else {
oneCurrencyInTl = tryRate / rates[cur];
}
var currencyInfo = priorityCurrencies[cur];
html += "<tr class='info'><td>1 " + currencyInfo.name + " <strong>(" + cur + ")</strong></td>";
html += "<td><strong>" + oneCurrencyInTl.toFixed(4) + " ₺</strong></td></tr>";
}
});
// Sonra diğer dövizleri ekle
Object.keys(otherCurrencies).forEach(function(cur) {
if (rates[cur]) {
var oneCurrencyInTl = tryRate / rates[cur];
var currencyInfo = otherCurrencies[cur];
html += "<tr><td>1 " + currencyInfo.name + " (" + cur + ")</td>";
html += "<td>" + oneCurrencyInTl.toFixed(4) + " ₺</td></tr>";
}
});
$("#rates-body").html(html).fadeOut(150).fadeIn(250);
},
error: function() {
$("#rates-body").html("<tr><td colspan='2' class='text-danger text-center'>Veri alınamadı. API'ye erişilemiyor.</td></tr>");
}
});
}
$(document).ready(function() {
fetchRates(); // İlk yüklemede getir
setInterval(fetchRates, 5000); // Her 10 saniyede bir yenile
});
