Kalkulator Iuran Jaminan Hari Tua (BPJS)

Kalkulator Iuran Jaminan Hari Tua (BPJS)

Hi Sobat webbiz, kali ini kita akan share kalkulator finansial yaitu Kalkulator Iuran Jaminan Hari Tua (BPJS), Kalkulator ini dibuat dengan menggunakan JavaScript dan sesuai dengan perhitungan real BPJS.

Kalkulator Iuran JHT

Kalkulator Iuran JHT

Code:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalkulator Iuran JHT</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 400px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h4 {
            text-align: center;
            color: #333;
            font-size: 30px;
            margin-top: 25px;
        }
        label {
            display: block;
            margin: 10px 0 5px;
        }
        input[type="number"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
          box-sizing : border-box;
        }
        .result {
            margin-top: 20px;
            font-size: 1.2em;
            color: #2c3e50;
        }
    </style>
</head>
<body>
    <div class="container">
        <h4>Kalkulator Iuran JHT</h4>
        <label for="salary">Masukkan Gaji:</label>
        <input type="number" id="salary" placeholder="Gaji Bulanan" oninput="calculate()">
        <div class="result" id="result"></div>
    </div>

    <script>
        function calculate() {
            const salary = document.getElementById('salary').value;
            const totalContribution = salary * 0.057;
            const employeeContribution = salary * 0.02;
            const companyContribution = salary * 0.037;

            document.getElementById('result').innerHTML = 
                `Total Iuran JHT: Rp ${totalContribution.toFixed(2)}<br>
                Iuran Karyawan: Rp ${employeeContribution.toFixed(2)}<br>
                Iuran Perusahaan: Rp ${companyContribution.toFixed(2)}`;
        }
    </script>
</body>
</html>
JavaScript

Jaminan Hari Tua (JHT) dari BPJS Ketenagakerjaan adalah program yang bertujuan untuk memberikan manfaat finansial kepada pekerja ketika mereka memasuki usia pensiun, mengalami cacat total, atau meninggal dunia. Program ini bekerja dengan mengumpulkan iuran bulanan yang dibayarkan oleh pekerja dan pemberi kerja, yang kemudian diinvestasikan oleh BPJS Ketenagakerjaan.

Manfaat dari JHT akan diterima oleh peserta dalam bentuk akumulasi dana, yaitu jumlah iuran yang dibayarkan ditambah hasil pengembangan atau bunga. Dana JHT ini bisa dicairkan secara penuh jika peserta telah memenuhi syarat usia atau kondisi tertentu.

Komponen Iuran JHT

Besaran iuran untuk JHT adalah 5,7% dari upah bulanan peserta dengan rincian sebagai berikut:

  • 3,7% dibayarkan oleh pemberi kerja (perusahaan)
  • 2% dibayarkan oleh pekerja melalui potongan gaji.

Kalkulator Iuran JHT BPJS

Untuk menghitung estimasi iuran JHT, berikut adalah rumusnya:

Iuran JHT = Total Gaji × 5,7%

Contoh Perhitungan:

Misalnya, jika gaji bulanan Anda Rp 5.000.000:

  1. Iuran JHT = Rp 5.000.000 × 5,7% = Rp 285.000
  2. Dari total tersebut, Rp 185.000 ditanggung oleh perusahaan dan Rp 100.000 oleh karyawan.

Aplikasi Versi 2

Pada aplikasi kedua ini kita membuat sedikit lebih kompleks dimana pengguna diberi kebebasan untuk memasukkan jumlah persentase yang ditanggung pribadi dan perusahaan, sehingga sewaktu-waktu terjadi perubahan terhadap persentase yang ada saat ini bisa menggunakan kalkulator V2 ini.

Kalkulator Iuran Jaminan Hari Tua (BPJS)

Kalkulator Iuran Jaminan Hari Tua (BPJS)

Code:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalkulator Iuran Jaminan Hari Tua (BPJS)</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h4 {
            text-align: center;
            color: #333;
            font-size: 30px;
            margin-top: 25px;
        }
        label {
            display: block;
            margin: 10px 0 5px;
        }
        input[type="number"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
          box-sizing : border-box;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #218838;
        }
        .result {
            margin-top: 20px;
            padding: 10px;
            background-color: #e9ecef;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h4>Kalkulator Iuran Jaminan Hari Tua (BPJS)</h4>
        <label for="totalPembayaran">Masukkan Gaji:</label>
        <input type="number" id="totalPembayaran" placeholder="Masukkan total pembayaran" required>

        <label for="persenPribadi">Persen Biaya Pribadi:</label>
        <input type="number" id="persenPribadi" placeholder="Masukkan persen biaya pribadi" required>

        <label for="persenPerusahaan">Persen Biaya Perusahaan:</label>
        <input type="number" id="persenPerusahaan" placeholder="Masukkan persen biaya perusahaan" required>

        <button onclick="hitungIuran()">Hitung</button>

        <div class="result" id="hasil"></div>
    </div>

    <script>
        function hitungIuran() {
            const totalPembayaran = parseFloat(document.getElementById('totalPembayaran').value);
            const persenPribadi = parseFloat(document.getElementById('persenPribadi').value) / 100;
            const persenPerusahaan = parseFloat(document.getElementById('persenPerusahaan').value) / 100;

            const biayaPribadi = totalPembayaran * persenPribadi;
            const biayaPerusahaan = totalPembayaran * persenPerusahaan;
            const total = biayaPribadi + biayaPerusahaan;

            document.getElementById('hasil').innerHTML = `
                <strong>Hasil:</strong><br>
                Biaya yang ditanggung Pribadi: Rp ${biayaPribadi.toFixed(2)}<br>
                Biaya yang ditanggung Perusahaan: Rp ${biayaPerusahaan.toFixed(2)}<br>
                Total Pembayaran: Rp ${total.toFixed(2)}
            `;
        }
    </script>
</body>
</html>
JavaScript