<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulasi Kredit Koperasi</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
input, button { margin: 5px; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #000; padding: 8px; text-align: center; }
th { background-color: #f2f2f2; }
</style>
</head>
<body>
<h2>Simulasi Kredit Koperasi</h2>
<label>Jumlah Pinjaman: <input type="number" id="pinjaman" value="10000000"></label><br>
<label>Tenor (bulan): <input type="number" id="tenor" value="12"></label><br>
<label>Bunga per tahun (%): <input type="number" id="bunga" value="12"></label><br>
<button onclick="hitungKredit()">Hitung</button>
<h3>Hasil Simulasi</h3>
<table>
<thead>
<tr>
<th>Bulan</th>
<th>Saldo Awal</th>
<th>Angsuran Pokok</th>
<th>Bunga</th>
<th>Total Angsuran</th>
<th>Saldo Akhir</th>
</tr>
</thead>
<tbody id="hasil"></tbody>
</table>
<script>
function hitungKredit() {
let pinjaman = parseFloat(document.getElementById("pinjaman").value);
let tenor = parseInt(document.getElementById("tenor").value);
let bungaTahunan = parseFloat(document.getElementById("bunga").value) / 100;
let bungaBulanan = bungaTahunan / 12;
let saldo = pinjaman;
let hasilHTML = "";
let anuitas = (pinjaman * bungaBulanan) / (1 - Math.pow(1 + bungaBulanan, -tenor));
for (let i = 1; i <= tenor; i++) {
let bunga = saldo * bungaBulanan;
let angsuranPokok = anuitas - bunga;
let saldoAkhir = saldo - angsuranPokok;
hasilHTML += `<tr>
<td>${i}</td>
<td>${saldo.toFixed(2)}</td>
<td>${angsuranPokok.toFixed(2)}</td>
<td>${bunga.toFixed(2)}</td>
<td>${anuitas.toFixed(2)}</td>
<td>${saldoAkhir.toFixed(2)}</td>
</tr>`;
saldo = saldoAkhir;
}
document.getElementById("hasil").innerHTML = hasilHTML;
}
</script>
</body>
</html>
Simulasi Kredit Koperasi
Hasil Simulasi
| Bulan | Saldo Awal | Angsuran Pokok | Bunga | Total Angsuran | Saldo Akhir |
|---|
