Panduan membuat kalkulator PHP sederhana cocok untuk kamu pelajari sebagai latihan PHP dasar, dan nantinya kamu dapat mengembangkan program ...
Panduan Membuat Kalkukator PHP Sederhana
Rabu, Juni 17, 2020
Daftar Isi [Tampil]
Program aritmatika adalah program yang berfungsi untuk melakukan tugas artimatika seperti penjumlahan, pengurangan, perkalian, pembagian dan lain-lain.
Contoh program aritmatika yang biasa kita jumpai dikehidupan sehari-hari adalah kalkulator, program kasir, dan lain-lainnya.
Oleh sebab itu kita akan belajar membuat kalkulator dengan PHP, karena bahasa pemrograman PHP sangat diperlukan untuk membuat suatu website.
Panduan Membuat Kalkulator PHP Sederhana
Panduan membuat kalkulator PHP sederhana sebenarnya sangat mudah untuk dipelajari asalkan kamu mengikuti langkah-langkah membuatnya dengan teliti.
1. Buka Kode Editor
Kamu dapat menggunakan kode editor apapun untuk belajar membuat kalkuator PHP sederhana, namun saya pada panduan ini menggunakan Visual Studio Code.
2. Buat New File
Buat new file dengan nama kalkulator-PHP.php atau dengan nama sesuai keinginan kamu.
Kemudian simpan pada forlder htdocs saja agar bisa dibuka dengan url localhost, ini artinya kamu harus sudah menginstall xampp terlebih dahulu dan mengaktifkan apache dan mysql-nya.
3. Ketik Script Kalkulator PHP Sederhana
Setelah kamu membuat file baru dengan nama kalkulator-PHP.php maka tahap selanjutnya adalah mengetikan script kalkulator PHP tersebut.
Dan dibawah inilah script kalkulator PHP yang harus kamu ketik atau copy dan paste pada kode editor kamu.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panduan Membuat Kalkulator PHP</title>
<style>
body{
background: #F2F2F2;
font-family: sans-serif;
}
.kalkulator{
width: 335px;
background: #288ef2;
margin: 100px auto;
padding: 10px 20px 50px 20px;
border-radius: 5px;
}
.angka{
width: 300px;
margin: 5px;
border: none;
font-size: 16pt;
border-radius: 5px;
padding: 10px;
}
.pilihan{
font-size: 16pt;
border: none;
width: 150px;
margin: 5px;
border-radius: 5px;
padding: 10px;
}
.tombol{
width: 150px;
background: #2f4b66;
border-top: none;
border-right: none;
border-left: none;
border-radius: 5px;
padding: 10px;
color: #fff;
font-size: 15pt;
}
.judul{
text-align: center;
color: #fff;
font-weight: normal;
}
a:-webkit-any-link {
text-decoration:none;
}
footer {
padding-top: 10px;
text-align: center;
}
</style>
</head>
<body>
<?php
if(isset($_POST['hitung'])){
$angkapertama = $_POST['angkapertama'];
$angkakedua = $_POST['angkakedua'];
$operasi = $_POST['operasi'];
switch ($operasi) {
case 'tambah':
$hasil = $angkapertama+$angkakedua;
break;
case 'kurang':
$hasil = $angkapertama-$angkakedua;
break;
case 'kali':
$hasil = $angkapertama*$angkakedua;
break;
case 'bagi':
$hasil = $angkapertama/$angkakedua;
break;
}
}
?>
<div class="kalkulator">
<a href="https://www.panduancode.com">
<h2 class="judul">KALKULATOR PHP</h2>
</a>
<form method="post" action="kalkulator-PHP.php">
<input type="text" name="angkapertama" class="angka" autocomplete="off" placeholder="Isi angka Pertama">
<input type="text" name="angkakedua" class="angka" autocomplete="off" placeholder="Isi angka Kedua">
<select class="pilihan" name="operasi">
<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">
</form>
<?php if(isset($_POST['hitung'])){ ?>
<input type="text" value="<?php echo $hasil; ?>" class="angka">
<?php }else{ ?>
<input type="text" value="0" class="angka">
<?php } ?>
<div>
<footer>© www.panduancode.com</footer>
</div>
</div>
</body>
</html>
Lalu simpan script kalkultor PHP sederhana tersebut dan buka pada browser dengan url http://localhost/kalkulator-PHP.php
Jika kamu mengikuti panduan ini dengan benar maka akan muncul program aritmatika kalkulator PHP sederhana seperti pada gambar dibawah ini.
Sampai disini sebenarnya kamu sudah selesai membuat kalkulator PHP sederhana, namun tentunya kamu belum terlalu pahamkan dengan scriptnya tersebut.
Oleh karena itu berikut ini penjelasan singkat mengenai script kalkulator PHP sederhana.
Penjelasan Singkat Kalkulator PHP Sederhana
Pada script kalkulator PHP sederhana diatas dibangun dengan beberapa bahasa pemrograman yaitu HTML, CSS, dan PHP yang digabung menjadi satu file saja agar lebih mudah.
Script HTML yang digunakan tersebut adalah script dasar HTML dan Panduan Code sudah membahas mengenai HTML dasar dipostingan sebelumnya.
Jadi jika kamu merasa kurang paham dengan script HTML-nya silahkan pelajari terlebih dahulu artikel tersebut.
Dan script CSS yang digunakan adalah script CSS yang umum kita jumpai atau kita gunakan jadi saya rasa kalian paham dengan script CSS-nya.
Lalu untuk script utamanya adalah script yang ditandai dengan kode <?php sampai kode ?> kode tersebut adalah kode yang menandakan bahwa itu script PHP.
Didalam script PHP tersebut terdapat beberapa variabel seperti variabel hitung yang digunakan pada tombol hitung.
Variabel angkapertama yang digunakan untuk input angka pertama agar dapat diproses.
Lalu variabel angkakedua digunakan untuk input angka kedua agar dapat diproses juga.
Kemudian ada variabel tambah, kurang, kali, dan bagi yang digunakan untuk melakukan operasi aritmatika.
Dan satu lagi ada varibel hasil untuk memproses data yang diinputkan dan menampilkan hasilnya.
Sampai disini dulu panduan membuat kalkulator PHP sederhana dari Panduan Code, semoga panduan ini dapat bermanfaat untuk kita semua.
Jika ada pertanyaan silahkan sampaikan pada kolom komentar dibawah dengan senang hati saya akan menjawabnya.
Bantu Apresiasi Bantu berikan apresiasi jika artikelnya dirasa bermanfaat agar penulis lebih semangat lagi membuat artikel bermanfaat lainnya. Terima kasih.