<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Simulasi Deposito BPR</title>
<style>
body { font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: auto; }
label { display: block; margin-top: 10px; }
input[type="number"] { width: 100%; padding: 8px; margin-top: 5px; }
button { margin-top: 15px; padding: 10px 15px; }
.result { margin-top: 20px; background: #f3f3f3; padding: 15px; border-radius: 8px; }
</style>
</head>
<body>
<h2>Simulasi Deposito BPR</h2>
<label for="nominal">Nominal Deposito (Rp):</label>
<input type="number" id="nominal" placeholder="Contoh: 10000000">
<label for="tenor">Tenor (bulan):</label>
<input type="number" id="tenor" placeholder="Contoh: 6">
<label for="bunga">Bunga Tahunan (%):</label>
<input type="number" id="bunga" placeholder="Contoh: 6.5" step="0.01">
<button onclick="hitungDeposito()">Hitung</button>
<div class="result" id="output" style="display: none;"></div>
<script>
function formatRupiah(angka) {
return 'Rp ' + angka.toLocaleString('id-ID');
}
function hitungDeposito() {
const nominal = parseFloat(document.getElementById("nominal").value);
const tenor = parseInt(document.getElementById("tenor").value);
const bungaTahunan = parseFloat(document.getElementById("bunga").value);
if (isNaN(nominal) || isNaN(tenor) || isNaN(bungaTahunan)) {
alert("Mohon isi semua kolom dengan benar.");
return;
}
const bungaBulanan = bungaTahunan / 12 / 100;
const bungaKotor = nominal * bungaBulanan * tenor;
const pajak = bungaKotor * 0.20; // PPh 20%
const bungaBersih = bungaKotor - pajak;
const totalDiterima = nominal + bungaBersih;
document.getElementById("output").style.display = "block";
document.getElementById("output").innerHTML = `
<strong>Hasil Perhitungan:</strong><br>
Nominal Deposito: ${formatRupiah(nominal)}<br>
Tenor: ${tenor} bulan<br>
Bunga Tahunan: ${bungaTahunan}%<br><br>
Bunga Kotor: ${formatRupiah(bungaKotor)}<br>
Pajak (20%): ${formatRupiah(pajak)}<br>
Bunga Bersih: ${formatRupiah(bungaBersih)}<br>
<strong>Total Diterima: ${formatRupiah(totalDiterima)}</strong>
`;
}
</script>
</body>
</html>