<div class="kredialani">
                <div class="kredialanidiv">
                    <div id="yenieklenenkreditutari">Kredi Tutarı:</div>
                    <input id="anaPara" class="w3-input w-100" type="text">
                </div>
                <div class="kredialanidiv">
                    <div id="yenieklenenkredivadesi">Kredi Vadesi:</div>
                    <input id="kredivadesi" class="w3-input w-100" type="text" value="120">
                </div>
                <div class="kredialanidiv">
                    <div id="yenieklenenfaizorani">Faiz Oranı:</div>
                    <input id="faizorani" class="w3-input w-100" type="text" value="0.80">
                </div>
                <div class="kredialanidiv">
                    <div id="sonuc" class="sonuc">Sonuç</div>
                    <hr>
                </div>
                <div class="kredialanidiv">
                    <button class="btn btn-primary" onclick="hesapla()">Hesapla</button>
                </div>
            </div>

<script>
function hesapla() {
    // Anapara değerini input alanından alalım
    const anapara = parseFloat(document.getElementById("anaPara").value);
    // Yıllık faiz oranını sabit olarak tanımlayalım
    const faizOrani = 0.80; // %80
    // Kredi vadesini (ay cinsinden) sabit olarak tanımlayalım
    const vaade = 120; // 120 ay (10 yıl)
    // Aylık faiz oranını hesaplayalım
    const aylikFaizOrani = faizOrani / 12; // %80 / 12 = %6.67
    // Toplam faiz tutarını hesaplayalım
    const toplamFaiz = anapara * faizOrani * (vaade / 12); // 10000 * 0.80 * (120 / 12) = 80000
    // Aylık taksit tutarını hesaplayalım
    const aylikTaksit = anapara / vaade + (aylikFaizOrani * anapara); // 10000 / 120 + (0.0667 * 10000) = 133.33
    // Sonuçları "sonuc" div'ine yazdıralım
    const sonucDiv = document.getElementById("sonuc");
    
    sonucDiv.innerHTML = `
        <p style="text-decoration: underline;">Sonuç </p>
        <p>Anapara: ${anapara.toFixed(2)} TL</p>
        <p>Yıllık Faiz Oranı: ${faizOrani * 100} %</p>
        <p>Kredi Vadesi: ${vaade / 12} yıl (${vaade} ay)</p>
        <p>Toplam Faiz: ${toplamFaiz.toFixed(2)} TL</p>
        <p>Aylık Taksit: ${aylikTaksit.toFixed(2)} TL</p>
    `;
}
</script>