Tutorial Tambah Kurang Kali Bagi PHP Sederhana

Berikut kita akan membahas bagaimana cara melakukan proses penjumlahan, pengurangan, pembagian, dan perkalian dengan php, semuanya akan dibahas diartikel Tutorial Tambah Kurang Kali Bagi PHP Sederhana.
chunky-calculator

Sesuai dengan judul, yaitu sederhana. Tanpa Css, tampilan hanya program php biasa. Untuk sahabat yang lagi mendapat tugas dari guru bagaimana membuat kalkulator sederhana mungkin artikel ini adalah bacaan yang tepat.

Script atau source code dari program ini tentu tidak selengkap dengan kalkulator. Script ini hanya fokus kepada 4 operator saja yaitu (+ - x /), tambah kurang kali bagi.

Baca Juga:
Tutorial PHP Kembali ke Halaman Sebelumnya Setelah Login

Source Code Login System Dengan PHP MySQL MySQLi

Untuk bisa megikuti Tutorial Tambah Kurang Kali Bagi PHP Sederhana ini tentu sahabat harus sudah paham basic php, seperti penanganan form, method $_GET dan $_POST dan yang juga tidak kala pentingnya dengan pemahaman operasi aritmatika.

Membuat Tampilan Sederhana dengan HTML


Kita asumsikan sobat sudah paham dengan folder dimana tempat meletakkan php. Sekarang buat sebuah folder dengan nama "kalkulator" dan buat sebuah file didalamnya dengan nama index.php , copy-paste kode dibawah ini.
  
<form method="POST" action="">
    <input type="text" name="bilangan_satu"><br>
    <input type="text" name="bilangan_dua"><br>
    <select class="opt" name="operasi">
        <option value="tambah">+</option>
        <option value="kurang">-</option>
        <option value="kali">x</option>
        <option value="bagi">/</option>
    </select><br>
    <input type="submit" name="proses" value="Hitung">
</form>

Buka browser, kemudian ketik localhost/kalkulator tampilannya akan seperti ini.
Tutorial Tambah Kurang Kali Bagi PHP Sederhana
Tutorial Tambah Kurang Kali Bagi PHP Sederhana
Jika anda masukkan angka dan karakter lainnya maka juga akan dieksekusi oleh program dan menghasilkan error, sekarang kita akan membatasi hanya angka yang boleh dimasukkan kedalam kotak bilangan. Modif sedikit kodenya seperti ini. Perhatikan perubahannya!

<form method="POST" action="">
    <input type="number" name="bilangan_satu" autocomplete="off" placeholder="Bilangan Pertama"><br>
    <input type="number" name="bilangan_dua" autocomplete="off" placeholder="Bilangan Kedua"><br>
    <select class="opt" name="operasi">
        <option value="tambah">+</option>
        <option value="kurang">-</option>
        <option value="kali">x</option>
        <option value="bagi">/</option>
    </select><br>
    <input type="submit" name="proses" value="Hitung"> <input type="reset" name="reset" value="Hapus">
</form>

Hasilnya seperti ini, soba masukkan huruf, dan tekan tombol hitung!
Tutorial Tambah Kurang Kali Bagi PHP Sederhana
Tutorial Tambah Kurang Kali Bagi PHP Sederhana

Script Tambah Kurang Kali Bagi PHP Sederhana

Untuk melakukan pengoperasian ini dengan php kita bisa menggunakan if atau case, simak terlebih dahulu menggunakan pengandaian dengan if

1. Menggunakan if

OK, ayo mulai! Copy-paste kode php berikut dibawah kode </form>

<?php
//Jika tombol hitung di tekan, maka...
if (isset($_POST['proses'])) 
{
    $angka_pertama     = $_POST['bilangan_satu'];
    $angka_kedua    = $_POST['bilangan_dua'];
    $operasi        = $_POST['operasi'];

    if ($operasi == 'tambah') {
        echo $angka_pertama + $angka_kedua;
    }elseif ($operasi == 'kurang') {
        echo $angka_pertama - $angka_kedua;
    }elseif ($operasi == 'kali') {
        echo $angka_pertama * $angka_kedua;
    }elseif ($operasi == 'bagi') {
        echo $angka_pertama / $angka_kedua;
    }else{
        echo 'Pilih operator dulu!';
    }

}
?>

Pada script diatas kita menggunakan if, sekarang kita bahas juga bagaimana jika menggunakan switch case

2. Menggunakan switch case

Banyak jalan menuju roma, kita akan mencoba jalan yang satu ini, menggunakan switch case Ayo mulai! Jika menggunakan script ini, yang menggunakan if seperti diatas bisa di hapus, atau dipindahkan saja, buat file baru!

<?php
//Jika tombol hitung di tekan, maka...
if (isset($_POST['proses'])) 
{
    $angka_pertama     = $_POST['bilangan_satu'];
    $angka_kedua    = $_POST['bilangan_dua'];
    $operasi        = $_POST['operasi'];

    switch ($operasi) {
        case 'tambah':
            $hasil = $angka_pertama+$angka_kedua;
        break;
        case 'kurang':
            $hasil = $angka_pertama-$angka_kedua;
        break;
        case 'kali':
            $hasil = $angka_pertama*$angka_kedua;
        break;
        case 'bagi':
            $hasil = $angka_pertama/$angka_kedua;
        break;            
    }

    echo $hasil;
}

Hasilnya sama saja!

3. Penambahan Css Ala malasngoding.com

Tutorial Tambah Kurang Kali Bagi PHP Sederhana
via:malasnngoding.com
Untuk tampilan cantik seperti gambar diatas bisa didownload melalui link berikut 

4. Desain Css Ala cssflow.com

Source: cssflow.com
Yang dari cssflow tidak menggunakan php, hanya menggunakan css html dan javascript, download disini

Demikian pembahasan mengenai Tutorial Tambah Kurang Kali Bagi PHP Sederhana, Semoga bisa membantu teman-teman yang lagi mencari source code gratis, kami sedot code menyediakan source code php gratis dari berbagai sumber.

Terima kasih kepada:
http://www.malasngoding.com/membuat-kalkulator-sederhana-dengan-php/
http://www.cssflow.com/snippets/chunky-calculator
Load disqus comments

0 komentar