CARA MEMBUAT KALKULATOR SEDERHANA

 ๐Ÿงฎ Tujuan


Membuat aplikasi web kalkulator sederhana yang dapat melakukan operasi dasar matematika:

➕ Penjumlahan

➖ Pengurangan

✖️ Perkalian

➗ Pembagian



---


๐Ÿง  Konsep Dasar


PHP digunakan untuk memproses input dari form HTML, menghitung hasil berdasarkan operator yang dipilih, lalu menampilkan hasilnya ke pengguna.



---


๐Ÿ“„ Struktur File


Kamu hanya perlu satu file PHP, misalnya: kalkulator.php



---


๐Ÿงพ Kode Lengkap: kalkulator.php


1.FomKalkulator.php

<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

    <title>Kalkulator Sederhana</title>

</head>

<body>

    <h2>Kalkulator Sederhana<h2>

    <form action="prosesPerhitunganKalkulator.php" method="post">

        <label>Angka 1:</label>

        <input type="number" name="angka1" required><br><br>


        <label>Operator:</label>

        <select name="operator" required>

            <option value="+">Tambah</option>

            <opton value="-">Kurang</opton>

            <option value="*">Kali</option>

            <option value="/">Bagi</option>

        </select><br><br>


        <label>Angka 2:</label>

        <input type="number" name="angka2" required><br><br>


        <button type="sumbit">Hitung</button>

    </form>

</body>

</html>

2.ProsesPerhitunganKalkulator.php

<?php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $angka1 = (float) $_POST['angka1'];

    $angka2 = (float) $_POST['angka2'];

    $operator = $_POST['operator'];


    switch ($operator) {

        case '+':

            $hasil = $angka1 + $angka2;

            break;

        case '-':

            $hasil = $angka1 - $angka2;

            break;

        case '*':

            $hasil = $angka1 * $angka2;

            break;

        case '/':

            $hasil = ($angka2 != 0) ? $angka1 / $angka2 : "Error: Pembagian dengan nol!";

            break;

        default:

            $hasil = "Operator tidak valid!";

    }


    // Kirim hasil ke halaman hasil.php

    header("Location: hasilproseskalkulator.php?hasil=" . urlencode($hasil) . "&angka1=$angka1&angka2=$angka2&operator=" . urlencode($operator));

    exit();

} else {

    echo "Akses tidak valid!";

}

3.hasilProsesKalkulator.php

<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

    <title>Hasil Perhitungan</title>

</head>

<body>

    <h2>Hasil Perhitungan</h2>

    <?php

    if (isset($_GET['hasil'])) {

        $angka1 = $_GET['angka1'];

        $angka2 = $_GET['angka2'];

        $operator = $_GET['operator'];

        $hasil = $_GET['hasil'];


        echo "<p>$angka1 $operator $angka2 = <b>$hasil</b></p>";

    } else {

        echo "<p>Belum ada perhitungan.</p>";

    }

    ?>

    <br>

    <a href="formkalkulator.php">Kembali ke Kalkulator</a>

</body>

</html>


๐Ÿ” Penjelasan Bagian Penting


1. Form HTML


User menginput dua angka dan memilih operator matematika.


Form ini mengirim data ke halaman yang sama menggunakan POST.



2. Pemrosesan dengan PHP


PHP mengecek apakah tombol "Hitung" ditekan.


Mengambil nilai dari input ($_POST['angka1'], dll).


Menggunakan switch-case untuk menentukan operasi matematika.


Menangani pembagian dengan nol secara khusus.



3. Menampilkan Hasil


Jika operasi valid, hasil ditampilkan di bawah form.




---


✅ Fitur Tambahan (Opsional)


Kamu bisa menambahkan:


Validasi input lebih ketat (misalnya hanya angka positif).


Tampilan yang lebih menarik dengan CSS.


Dukungan untuk operasi lebih kompleks (modulus, pangkat, dll).




---


๐Ÿงช Cara Menjalankan


1. Simpan kode di file bernama kalkulator.php.



2. Letakkan file tersebut di folder htdocs (jika pakai XAMPP) atau di server lokal lain.



3. Buka browser dan akses:


http://localhost/kalkulator.php



Dan di bawah ini adalah link hasil kalkulator yang sudah saya buat


localhost/kalkulator/FomKalkulator.php

Komentar

Postingan populer dari blog ini

Flowchart

Algoritma