Wednesday, November 1, 2017

Membuat Kalkulator Sederhana Dengan PHP

     No comments

Muhammad Aqshol Rifanza - Kali ini saya akan berbagi tentang bagaimana cara membuat kalkulator sederhana dengan PHP

Pengertian
Mesin hitung atau Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu.

Latar Belakang
Sulitnya dan malasnya manusia sekarang ini mendorong saya untuk membuat kalkulator sederhana ini.

Maksud dan Tujuan
Mengimplementasikan PHP untuk membuat kalkulator sederhana ini 

Alat dan Bahan
  • Laptop/PC
  • LAMP Server
Tahapan Pelaksanaan
1. Pertama buka text editor kalian
2. Buat file baru dan simpan di directory /var/www/html dengan nama kalkulator.php
3. Isikan script berikut ini pada file tersebut


<?php
 if (isset($_POST['proses'])) {
 $pertama = $_POST['pertama'];
 $kedua = $_POST['kedua'];
 $operasi = $_POST['operasi'];
  switch ($operasi) {
   case 'tambah':
    $hasil = $pertama + $kedua;
   break;
   case 'kurang':
    $hasil = $pertama - $kedua;
   break;
   case 'kali':
    $hasil = $pertama * $kedua;
   break;
   case 'bagi':
    $hasil = $pertama / $kedua;
   }
}
 ?>
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <title>Muhammad Aqshol Rifanza</title>
  <link href="style.css" rel="stylesheet" type="text/css">

 <body>
 <div class="kalkulator">
  <h1>KALKULATOR</h1>
  <form action="" action="" method="post">
   <input class="number" type="number" name="pertama" placeholder="Masukkan Bilangan Pertama">
   <input class="number" type="number" name="kedua" placeholder="Masukkan Bilangan Kedua">
   <select class="option" name="operasi">
    <option value="tambah">+</option>
    <option value="kurang">-</option>
    <option value="kali">x</option>
    <option value="bagi">/</option>
   </select>
   <input type="submit" name="proses" class="tombol" value="Hitung">
  </form>

  <?php if(isset($_POST['proses'])){ ?>
   <input type="text" value="<?php echo $hasil; ?>" class="number">
  <?php }else{ ?>
   <input type="text" value="0" class="number">
  <?php } ?> <br>
    <a class="sumber" href="https://script-kiddies22.blogspot.com">SCRIPT KIDDIES</a>
</div>
 </body>
 </html>


4. Kemudian kita juga buat CSS untuk mempercantik tampilannya. Buat file style.css letakkan satu folder dengan file kalkulator.php
5. Isikan file berikut ini pada file css


body{
 background: whitesmoke;
 font-family: "Times New Roman" times, serif;
}
.kalkulator{
 width: 360px;
 background: gold;
 margin: 130px auto;
 padding: 10px 20px 60px 20px;
 border-radius: 8px;
 box-shadow: 0px 10px 10px 0 #D1D1D1;
}
.number{
 width: 330px;
 margin: 5px;
 border: none;
 font-size: 16pt;
 border-radius: 5px;
 padding: 10px;
}
.option{
 font-size: 20pt;
 width: 180px;
 margin: 5px;
 border: 20px;
 border-radius: 5px;
 padding: 10px;
}
.tombol{
 background: crimson;
 border-top: 2px solid white;
 border-left: 2px solid white;
 border-right: 2px solid white;
 margin-left: 13px;
 border-radius: 10px;
 padding: 12px 30px;
 font-size: 25px;
 color: #fff;
 border-bottom: 2px solid white;
}
h1{
 text-align: center;
 font-family: sans-serif;
 color: orangered;
}
.sumber{

 text-decoration: none;
 font-family: sans-serif;
 text-align: right;
 color: white;
 float: right;
 padding: 10px;

}




6. Kemudian cek pada browser






Kesimpulan
Kalkulator ini dapat berjalan menggunakan bahasa pemrograman PHP, dan untuk mempercantiknya menggunakan CSS

Referensi
  • http://www.script-kiddies.org

0 comments:

Post a Comment