Belajar PHP : Kalkulator Simple & Kombinasi CSS


       Halo teman-teman, balik lagi ane kemari untuk memberikan informasi tentang teknologi. Pada tau kan bahasa pemrograman PHP itu apa ? PHP merupakan singkatan dari Hypertext Preprocessor, pemrograman ini biasa digunakan pada web yang dapat dikombinasikan dengan HTML ataupun CSS




Baca juga : Belajar CSS dan cara menggabungkannya dengan HTML


Belajar PHP ini cukup mudah untuk dipelajari, menurut pendapat saya pun PHP merupakan bahasa pemrograman kedua termudah setelah Bahasa C++. Saya sedang mendalami pengetahuan tentang Pemrograman PHP ini karna saya cukup menyukai pemrograman ini.

Okelah gausah lama lagi, berikut adalah cara membuat aplikasi kalkulator simple (sederhana) menggunakan pemrograman PHP :

index.php :

<html>
    <head>
        <title>Kalkulator</title>
        <link href='style.css' type='text/css' rel='stylesheet'>
    </head>
    <body>
        <?php
if(isset($_POST['submit'])){
       $a=$_POST['a'];
       $b=$_POST['b'];
       $operasi=$_POST['operasi'];
switch ($operasi){
    case 'tambah':
        $hasil= $a + $b;
        break;
    case 'kurang':
        $hasil= $a - $b;
        break;
    case 'kali':
        $hasil= $a * $b;
        break;
    case 'bagi':
        $hasil= $a / $b;
        break;
    case 'modulo':
        $hasil= $a % $b;
        break;
    case 'pangkat':
        $hasil= pow($a, $b);
        break;
}
}
?>
        <div class='wrap'>
        <div class='header'>
            <h3>Kalkulator</h3>
        </div>
     
        <div class='body'>
        <form action='index.php' method='post'>
            <table border='0'>
                <tr>
                 
                    <td><input type='text' name='a' value='' class='dat'></td>
                </tr>
                <tr>
                 
                    <td>
                        <select class='op' name='operasi'>
                        <option value='tambah'>+</option>
                        <option value='kurang'>-</option>
                        <option value='kali'>*</option>
                        <option value='bagi'>/</option>
                        <option value='modulo'>%</option>
                        <option value='pangkat'>^</option>
                    </select>
                </tr>
                <tr>
                    <td colspan='0'>
                    <input type='text' name='b' value='' class='dat'></td>
                    </tr>
                <tr><td><input type='submit' name='submit' value='Proses' class='tombol'></td>
                </td></tr>
                <tr>
                    <td>
                    <?php if(isset($_POST['submit'])){
                    echo "<input type='text' value='$hasil' class='bil'>";
                    }else{
                    echo "<input type='text' value='0' class='bil'>";
                    }?>
                    </td>
                </tr>
            </table>
        </form>     
        </div>
        </div>
    </body>
</html>

untuk isi file style.css nya sebagai berikut :

.wrap{
    width:250px;
    display: block;
    margin: auto;
    margin-top: 10%;
}
.wrap .header{
    background: linear-gradient(#4060ff, #131758) ;
    width: 100%;
    height: 70px;
    color: #fff;
    border:1px solid black;
}
.wrap .header h3{
    text-align: center;
    margin: 25 0 0 0;
}
.wrap .body{
    border:1px solid black;
    width: 100%;
    background: linear-gradient(#3f48cc, #181b4f);
}
.wrap .body .op{
    width:100%;
    border-radius: 4px;
    height:22px;
}
.wrap .body .tombol{
    width: 100%;
    height: 50px;
    background: linear-gradient(#f70000, #e00000);
    border-top: none;
    border-radius: 5px;
    border-right: none;
    border-left: none;
    padding: 2px 10px;
    color:white;
    border-bottom: 4px;
}
.wrap .body table{
    margin:auto;
    margin-top: 10%;
}
.wrap .body .dat{
    border-radius: 5px;
}
.wrap .body .bil{
    border-radius: 5px;
}
.wrap .body p{
    text-align: center;
}

Berikut adalah hasil pembuatan kalkulator sederhana menggunakan PHP :
Nah untuk selebihnya bisa kalian explore sendiri, sesungguhnya mengexplore sendiri itu lebih asik wkwk.

Sekian untuk Pembuatan Kalkulator Simple Menggunakan Pemrograman PHP yang merupakan dari perkembangan Technology masa kini. Ayo semangat dalam belajar, supaya dapat memajukan NKRI kita ini.

Terimakasih

Komentar

Postingan populer dari blog ini

Belajar C++ : Program Penghitungan Gaji Karyawan

Belajar C++ : Membuat Program Perhitungan 2 Bilangan

Belajar PHP : Membuat Kalkulator Sederhana