dsgfdg

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TL - Dolar, Euro & Ruble Hesaplayıcı</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
}

h2 {
font-size: 40px;
text-transform: uppercase;
margin-top: 50px;
margin-bottom: 20px;
}

input[type="number"] {
font-size: 36px;
padding: 15px;
width: 300px;
text-align: center;
margin-bottom: 30px;
}

p {
font-size: 40px;
text-transform: uppercase;
margin: 10px 0;
}

#usd {
color: blue;
}

#eur {
color: red;
}

#rub {
color: green;
}

span {
font-weight: bold;
}

.imza {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 20px;
font-family: 'Arial', sans-serif;
color: red;
text-transform: capitalize;
}

.not {
position: fixed;
bottom: 20px;
left: 20px;
font-size: 18px;
font-family: 'Arial', sans-serif;
color: orange;
text-transform: uppercase;
}

.rub-info {
position: fixed;
top: 20px;
right: 20px;
font-size: 18px;
font-family: 'Arial', sans-serif;
color: green;
background-color: #f0f0f0;
padding: 10px 15px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-transform: uppercase;
}

input[type="number"]:focus {
border: 2px solid #888;
outline: none;
}
</style>
</head>
<body>
<div class="rub-info">1 Dolar = 90 Ruble</div>

<h2>TL Tutarı Girin:</h2>
<input type="number" id="tl" placeholder="ÖRN: 850" oninput="hesapla()" min="0">
<p><strong>Dolar:</strong> <span id="usd">0.00</span> USD</p>
<p><strong>Euro:</strong> <span id="eur">0.00</span> EUR</p>
<p><strong>Ruble:</strong> <span id="rub">0.00</span> RUB</p>

<div class="imza">tasarım: Berat</div>
<div class="not">Dolar 38 Euro 42 Ruble 90'dan hesaplanmıştır: 2025</div>

function hesapla() {
const tl = parseFloat(document.getElementById("tl").value);
if (!isNaN(tl) && tl >= 0) {
const usd = (tl / dolarKuru);
const eur = (tl / euroKuru).toFixed(2);
const rub = (usd * rubleKuru).toFixed(2);

document.getElementById("usd").textContent = usd.toFixed(2);
document.getElementById("eur").textContent = eur;
document.getElementById("rub").textContent = rub;
} else {
document.getElementById("usd").textContent = "0.00";
document.getElementById("eur").textContent = "0.00";
document.getElementById("rub").textContent = "0.00";
}
}
</script>
</body>
</html>

Online Notepad

Ücretsiz Online Not Defteri

dsgfdg