Kelola Keuangan dengan Bijak: Budgeting Itu Penting!
Pernah merasa uang cepat habis tanpa tahu ke mana perginya? 🤔 Atau ingin menabung tapi selalu gagal karena pengeluaran tak terduga? Bisa jadi kamu belum mengatur anggaran dengan baik!
Bayangin ini: Kamu baru gajian 💰, terus langsung beli barang yang sudah diincar dari lama. Beberapa hari kemudian, ada tagihan listrik, uang makan, dan biaya tak terduga. Tiba-tiba saldo rekening tinggal sedikit! 😱
Inilah alasan budgeting itu penting! Dengan mengetahui pemasukan dan pengeluaran, kamu bisa:
✅ Menghindari utang berlebihan
✅ Menyiapkan dana darurat
✅ Menabung dan berinvestasi lebih teratur
✅ Lebih tenang menghadapi pengeluaran bulanan
Misalnya, kalau gaji kamu Rp5.000.000, lalu pengeluaran tetap Rp2.500.000, dan pengeluaran tambahan Rp1.000.000, berarti sisa anggaran kamu masih Rp1.500.000. Tapi kalau ternyata lebih banyak pengeluaran daripada pemasukan, saatnya cari cara untuk berhemat!
Biar gampang, kamu bisa pakai Budget Calculator ini. Masukkan pemasukan dan pengeluaran, lalu hitung sisa anggaranmu!
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Budget Calculator</title>
<style>
body { font-family: Arial, sans-serif; text-align: center; padding: 20px; }
.container { max-width: 400px; margin: auto; background: #f4f4f4; padding: 20px; border-radius: 10px; }
input { width: 100%; padding: 10px; margin: 10px 0; }
button { background: #007BFF; color: white; padding: 10px; border: none; cursor: pointer; }
button:hover { background: #0056b3; }
</style>
</head>
<body>
<div class="container">
<h2>Budget Calculator</h2>
<label for="income">Pemasukan (Rp):</label>
<input type="number" id="income" placeholder="Masukkan pemasukan">
<label for="fixedExpenses">Pengeluaran Tetap (Rp):</label>
<input type="number" id="fixedExpenses" placeholder="Masukkan pengeluaran tetap">
<label for="variableExpenses">Pengeluaran Tambahan (Rp):</label>
<input type="number" id="variableExpenses" placeholder="Masukkan pengeluaran tambahan">
<button onclick="calculateBudget()">Hitung Sisa Anggaran</button>
<h3 id="result"></h3>
</div>
<script>
function calculateBudget() {
let income = parseFloat(document.getElementById('income').value) || 0;
let fixedExpenses = parseFloat(document.getElementById('fixedExpenses').value) || 0;
let variableExpenses = parseFloat(document.getElementById('variableExpenses').value) || 0;
let remainingBudget = income - (fixedExpenses + variableExpenses);
document.getElementById('result').innerText = "Sisa Anggaran: Rp " + remainingBudget.toLocaleString();
}
</script>
</body>
</html>
Komentar
Posting Komentar