Wednesday, January 10, 2018

Cara Membuat Kalkulator Sederhana Menggunakan PHP

Cara Membuat Kalkulator Sederhana Menggunakan PHP




Cara Membuat Kalkulator Sederhana Menggunakan PHP

Kali ini saya akan membagikan cara untuk membuat kalkulator sederhana yang dapat dengan mudah kita buat dengan menggunakan File dasar ber-ektensi PHP ini.
Selain itu Kalkulator memang sangat dibutuhkan banyak sekali orang paling banyak adalah para pedagang dan anak sekolahan, mulai dari anak-anak, Orang tua, Pejabat, bahkan Orang Pintarpun juga sesekali membutuhkan alat yang satu ini.

Kalkulator - dapat membantu kita dalam mengatasi masalah perhitungan bilangan, baik itu dalam perhitungan uang, soal berhitung, perhitungan gaji, perhitungan bahan baku, dan perhitungan yang lainnya.


Penemu kalkulator adalah Blaise Pascal, Beliau Lahir di Clermont-Ferrand, Prancis pada tanggal 19 Juni 1623. Sebenarnya pada saat itu penemuan Pascal belumlah sempurna, penemuannya kalkulator itu diberi nama Pascaline dan belum dianggap sempurna karena belum ada fitur perkalian di dalamnya dan hanya mempunyai Pertambahan, Pengurangan Dan Pembagian.
Namun beruntung ada seseorang yang datang membantu pascal dalam penambahan fitur yaitu perkalian adalah seorang pakar ahli berasal dari Jerman yang bernama Gottfreed Wilhem von Leibniz.
Walaupun begitu Pascal adalah Seorang yang cerdas dalam ilmu matematika dan Fisika. Selain itu beliau juga penemu Segitiga Pascal lho..

Namun kali ini saya tidak benar-benar mengupas tentang kalkulator,
tetapi saya akan membagikan kepada kalian tentang bagaimana cara membuat kalkulator sendiri menggunakan File PHP+CSS agar lebih cantik.

Oke langsung saja,

  • Pertama,

Buatlah sebuah file bernama index.php kemudian isikan dengan code dibawah ini :

<html>
<head>
    <title>Cara Membuat Kalkulator Sederhana Menggunakan PHP</title>
  <link rel="stylesheet" type="text/css" href="Style.css">
</head>

<body>
<?php

    if(isset($_POST['hitung'])){
                                 
        $txt_1 = $_POST['txt_1'];
        $txt_2 = $_POST['txt_2'];
        $operator = $_POST['operator'];
                                                
            switch ($operator) {
                case 'tambah':
                    $hasil = $txt_1+$txt_2;
                break;
                case 'kurang':
                    $hasil = $txt_1-$txt_2;
                break;
                case 'kali':
                    $hasil = $txt_1*$txt_2;
                break;
                case 'bagi':
                    $hasil = $txt_1/$txt_2;
                break;
            }
    }
 
?>

<div class="Kalkulator">
    <h1 class="Judul"><b>KALKULATOR</b></h1>
        <form method="post" action="index.php">
            <input type="text" name="txt_1" class="Text" placeholder="Typing Here ...">
            <input type="text" name="txt_2" class="Text" placeholder="Typing Here ...">
                <select class="Operator" name="operator">
                    <option value="tambah">+</option>
                    <option value="kurang">-</option>
                    <option value="kali">x</option>
                    <option value="bagi">:</option>
                </select>
            <input type="submit" name="hitung" value="HITUNG" class="Tombol">
            <input type="submit" name="reset" value="RESET" class="Tombol"> 
        </form>

<?php if(isset($_POST['hitung'])){ ?>
<div><h3><b>Hasilnya : </b></h3></div>
    <input type="text" value="<?php echo $hasil; ?>" class="Text">
<?php }else{ ?>
<?php } ?>

</div>

</body>
 
</html>

Kemudian buatlah file lagi bernama Style.css Untuk digunakan sebagai percantikan tampilan di Kalkulator tersebut,
Kemudian isi dengan Code berikut ini :

body{
                background: #000000;
                font-family: Arial;
}
 
.Kalkulator{
                width: 335px;
                background: #00AAFF;
                margin: 100px auto;
                padding: 10px 20px 50px 20px;
                border-radius: 5px;
}
 
.Judul{
                text-align: center;
                color: #000033;
                font-weight: normal;
}
  
.Text{
                width: 300px;
                margin: 5px;
                border: none;
                font-size: 16pt;
                border-radius: 5px;
                padding: 10px; 
}
 
.Operator{
                font-size: 16pt;
                border: none;
                width: 300px;
                margin: 5px;
                border-radius: 5px;
                padding: 10px;
}
 
.Tombol{
                background: #000033;
                border-top: none;
                border-right: none;
                border-left: none;
                border-radius: 5px;
                padding: 10px 40px;
                color: #eee;
                font-size: 15pt;
 
}

Kemudian simpanlah kedua file didalam direktory yang sama,
Untuk mengaksesnya kalian bisa menggunakan Xampp untuk membuat web server localhost sendiri.
Atau bisa juga kalian meng-Upload ke Cpanel atau Hosting kalian.

Untuk Penampakannya setelah membukanya akan seperti dibawah ini :


Yah lumayan keren kan sobat, selain itu kalian bisa juga mengedit script agar lebih menarik atau menambahkan fitur agar lebih keren lagi hehe. daripada sobat bosan dengan kalkulator bawaan yang itu itu aja warnanya.



Demikianlah tutorial dari saya.
Semoga dapat membantu kalian dalam mengatasi permasalahan sehari-hari kalian.
Bila ada kesalahan atau kekurangan, kalian bisa ikut serta dalam pembenaran di bawah ini,
Apabila ada yang bingung atau dipertanyakan bisa komentar dengan bahasa baik dan benar.
Sekian Dan Terimakasih.




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments