Assalamualai’kum Warahmatu’llahi Wa’baraka’tuh kembali lagi dengan saya ilham mulia di mintailmu.com. Di mana saya akan memberi tutorial dan Cara Membuat Kalkulator Sederhana Dengan PHP , sebelumnya saya kan sudah memberi tahu cara belajar php dengan gampang , selanjutnya kita akan belajar bagaimana cara membuat sebuah kalkulator sederhana menggunakan bahasa pemrograman php ,yang akan kita gabungkan dengan html dan css.

Kenapa saya gabungkan dengan HTML dan Css , karena kita akan membuat sebuah kalkulator yang mempunyai tampilan yang bagus ( Kalkulator Keren ) , dimana fungsi html sendiri untuk menampilkan kata – kata ,inputan dan berbagai jenis lainnya. Anda bisa belajar html terlebih dahulu dan mengetahui sintak sintak yang ada di HTML tersebut. Truss apa fungsi CSS, Css sendiri berfungsi untuk mempercantik tampilan kalkulator yang akan kita buat, css ini bisa di gunakan untuk membuat warna pada tulisan, backround, dan lain sebagainya, makanya setiap developer web pasti mengetahui css.

Sebelumnya kita akan mengetahui fungsi dari kalkulator tersebut. Kalkulator adalah sebuah alat yang digunakan untuk mendefenisikan dan mengoptimalkan sebuah angka, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain sebagainya 🙂 .
Dalam membuat kalkulator pada php ini, anda bisa mengembangkan scrip scrip tersebut menjadi sebuah aplikasi yang bisa digunakan untuk merumuskan ,,, rumus matematika, oleh karena itu anda harus memahami setiap – setiap scrip yang akan saya buat ini 🙂 .

Baik all , untuk tidak memakan waktu yang banyak , baiklah saya akan memberi sedikit tutorial tentang Cara membuat kalkulator sederhana dengan php.

Bahan – Bahan Yang Di Perlukan :

Text Editor ( ATOM, Notpad C++ , Sublime Text Dan lain sebagainya ) saya sendiri menggunakan Text editor atom, dimana text editor ini sudah lengkap dengan fitur-fitur terbaru yang mungkin baru kamu ketahui.
XAMPP , anda lansung jalankan xampp anda di kumputer anda lalu aktifkan apache dan mysql nya.
Ber-Do’a

Tutorial Membuat :

Jalankan XAMPP anda tadi , menurut yang di atas yaaa… 🙂
Bukak Text Editor anda
Buat File Dengan Nama : index.php di xampp, dan letak ( C:XampphtdocsKalkulator )
Setelah itu anda tinggal copy scrip di bawah ini dan menaroknya di file index.php tadi

<html>
<head>
 <title>Cara Membuat Kalkulator Sederhana Menggunakan Bahasa Pemrograman PHP</title>
 <link rel="stylesheet" type="text/css" href="mintailmu.css">
</head>
<body>
 <?php
 if(isset($_POST['kalkulator'])){
  $angka1 = $_POST['angka1'];
  $angka2 = $_POST['angka2'];
  $proses = $_POST['proses'];
    ?>


    <?php
  switch ($proses) {
   case 'tambah':
    $hasil = $angka1+$angka2;
   break;
   case 'kurang':
    $hasil = $angka1-$angka2;
   break;
   case 'kali':
    $hasil = $angka1*$angka2;
   break;
   case 'bagi':
    $hasil = $angka1/$angka2;
   break;
  }
 }
 ?>
 <div class="bentuk">
  <h2 class="kepala">KALKULATOR</h2>
  <form method="post" action="index.php">
   <input type="text" name="angka1" class="angka" placeholder="Angka Penghitung Pertama">
   <input type="text" name="angka2" class="angka" placeholder="Angka Penghitung Kedua">
   <select class="proses" name="proses">
    <option value="tambah">+</option>
    <option value="kurang">-</option>
    <option value="kali">x</option>
    <option value="bagi">/</option>
   </select>
   <input type="submit" name="kalkulator" value="Cari" class="tombolnya">
  </form>
  <?php if(isset($_POST['kalkulator'])){ ?>
   <input type="text" value="<?php echo $hasil; ?>" class="angka">
  <?php }else{ ?>
   <input type="text" class="angka" placeholder="Hasil" disabled="">
  <?php } ?>
  <a href="www.mintailmu.com" class="mi">Minta Ilmu</a>
 </div>

</body>
</html>

Selanjutnya anda lakukan save pada file tersebut
Lalu anda buat lagi file dengan nama : mintailmu.css Di letak ,yang sama dengan index.php
Lalu anda salin lagi scrip di bawah ini , dan letakan di file mintailmu.css tadi

.mi{
 color: #fff;
 text-decoration: none;
 margin-left: 74%;
}

.bentuk{
 width: 310px;
 background: #252525;
 margin: 100px auto;
 padding: 10px 20px 50px 20px;
 border-radius: 5px;
 box-shadow: 2px 3px 2px 1px #000;
}

.kepala{
 text-align: center;
 color: #fff;
 font-weight: normal;
 text-shadow: 2px 3px 1px #000;
}

.angka{
 width: 300px;
 margin: 5px;
 border: none;
 font-size: 10pt;
 border-radius: 5px;
 padding: 10px;
}

.proses{
 font-size: 10pt;
 border: none;
 width: 300px;
 margin: 5px;
 border-radius: 5px;
 padding: 10px;
}

.tombolnya{
 background: #35e2db;
 border-top: none;
 border-right: none;
 border-left: none;
 border-radius: 5px;
 margin-left: 4px;
 padding: 5px 20px;
 color: #fff;
 width: 300px;
 text-shadow: 2px 1px 1px #000;
 font-size: 15pt;
 border-bottom:4px solid #35e2db;
}

yang di save lagi lahh 🙂
setelah itu jalankan dengan cara : membuka browser anda dan masukan url ini : localhost/kalkulator
Terakhir Lihat hasilnya dan coba apa kah sudah bisa atau belum ,, hasilnya lebih akan seperti gambar di bawah ini :

Keterangan
Keterangan scrip ini ,,, saya akan menerangkan yang penting penting saja pada scrip phpnya, kalau scrip css dan html saya tidak akan menerangkannya, karena anda bisa memahami sendiri dengan gampang dan anda di sini, akan saya terangkan scrip scrip php yang mungkin tidak anda ketahui :

Scrip	Keterangan
<?php ?>	Sebuah Bingkayan sintak sintak yang akan kita buat di dalam itu.
if	Sebuah sintak perintah yang menyatakan jika
isset()	Berfungsi sebagai memeriksa keterangan data. (sebagai pengecek data yang di submit)
$_Post	Digunakan untuk mempost atau melakukan submit pada hasilnya pada variabel yang ada di dalam itu.
$angka1 $angka2 $proses	Variabel, yang akan digunakan untuk memanggilnya perintah tersebut
Switch Case	Sebagai perintah yang anda pada variabel-variabel

Fungsi-fungsi inti dari scrip yang di atas sudah saya jelaskan, terus saya akan jelaskan keterangan dari scrip di atas menegnai kalkulator ini secara garis besar :
dimana saya menggunakan POST untuk pengambilan inputan inputan pada variabel $angka1 dan $angka2 . dan bagian $proses di gunakan untuk perintah = , mulai dari penjumlahan, pengurangan , perkalian dan pembagian , di situ saya telah membuat rumus rumusnya masing – masing.
untuk hasilnya sendiri saya mengunakan action index.php tersebut.
Kemudian (isset($_POST[‘kalkulator’])) di gnakan untuk memeriksa perintah – perintah pada data tersebut yang telah di buat. jadi kalau kita submit, inputan form akan muncul dengan perintah-perintah yang telah dibuat tadi . switch case yang digunakan untuk melakukan perintah perintah kalkulator tersebut.

Mungkin cuma itu ya tutorial Cara Membuat Kalkulator Sederhana Dengan PHP, Ohh iya kalau ada salah atau ada masalah bisa comment di bawah ini , dan kalau ada yang kurang ngerti tentang ini saya siap untuk membantu anda.
Salam Mintailmu.com

LIHAT VIDEO
Click here

Ambil Code
Click here

1 thought on “Cara Membuat Kalkulator Sederhana Menggunakan Bahasa Pemrograman PHP”