Script Aplikasi Kalkulator Zakat Fitrah Untuk Website

Berikut ini adalah script KALKULATOR ZAKAT. Bisa dipakai untuk menghitung zakat fitrah. bisa anda tempel dan pasang di Blogger maupun wordpress.

1. Buka WordPress Anda dan buat sebuah halaman baru dengan judul "Kalkulator Zakat Fitrah".
2. Tambahkan kode HTML berikut di bagian isi halaman:

php
<div class="zakat-fitrah">
    <h2>Kalkulator Zakat Fitrah</h2>
    <form>
        <label for="jumlah-orang">Jumlah Orang:</label>
        <input type="number" id="jumlah-orang" name="jumlah-orang" min="1" required><br><br>
        <label for="harga-beras">Harga Beras:</label>
        <input type="number" id="harga-beras" name="harga-beras" min="1" required><br><br>
        <input type="submit" value="Hitung">
    </form>
    <div id="hasil"></div>
</div>

3. Tambahkan kode JavaScript di bawah kode HTML di bagian isi halaman:

php
<script>
    jQuery(document).ready(function($) {
        $('form').submit(function(event) {
            event.preventDefault();
            var jumlahOrang = $('#jumlah-orang').val();
            var hargaBeras = $('#harga-beras').val();
            var zakatFitrah = Math.round((hargaBeras * 2.5) * jumlahOrang);
            $('#hasil').html('<p>Zakat fitrah yang harus Anda bayar adalah <strong>' + zakatFitrah + ' kg beras</strong>.</p>');
        });
    });
</script>

4. Simpan halaman dan lihat hasilnya.

Penjelasan singkat tentang kode di atas:

• Kode HTML digunakan untuk membuat form kalkulator zakat fitrah dengan input jumlah orang dan harga beras.
• Kode JavaScript digunakan untuk mengambil nilai dari input, melakukan perhitungan zakat fitrah, dan menampilkan hasilnya di bawah form. Kode ini menggunakan jQuery untuk mempermudah proses seleksi elemen HTML dan menangani event submit pada form.

Anda dapat menyesuaikan kode ini sesuai dengan kebutuhan Anda, seperti menambahkan styling CSS, mengubah format output hasil, atau menambahkan fitur tambahan seperti reset form.