Tuesday, July 31, 2018

Cara membuat kalkulator dengan PHP

Ini intro, hhh😁
Yo kali ini saya akan memberitahu kalian bagaimana cara membuat kalkulator dengan PHP. Kode ini merupakan gabungan dari HTML, CSS dan PHP. Tentunya kalian juga harus mengaktifkan dulu localhost nya.
Langsung saja berikut adalah baris kodenya...

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kalkulator Sederhana</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kalkulator</title>
<!-- Kode CSS -->
<style>
.bg{
margin: 40px auto;
width: 400px;
padding: 10px;
background-color: #F4A34DFF;
text-align: center;
box-shadow: 5px 4px 5px #A5A5A5FF;
}
h2{
color: #fff;
}
form,#submit{

}
form,input,select,.hasil{
font-size: 18px;
width: 100%;
margin-bottom: 10px;
padding: 5px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#submit{
border:2px solid #0093FFFF;
border-radius: 10px;
color: white;
background-color: #0093FFFF;
cursor: pointer;
}
#submit:hover{
border:2px solid #0093FFFF;
color: #0093FFFF;
background-color: white;
}
</style>
</head>
<body>
<?php
if (isset($_POST['submit'])) {
$angka1 = $_POST['angka1'];
$angka2 = $_POST['angka2'];
$operator = $_POST['operator'];
switch ($operator) {
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="bg">
<h2>Kalkulator</h2>
<form action="kalkulator.php" method="post">
<input type="text" autocomplete="off" name="angka1" placeholder="Angaka Pertama">
<input type="text" autocomplete="off" name="angka2" placeholder="Angaka Kedua">
<select name="operator" id="operator">
<option value="">Pilih Operator</option>
<option value="tambah">+ (Tambah)</option>
<option value="kurang">- (Kurang)</option>
<option value="kali">* (Kali)</option>
<option value="bagi">/ (Bagi)</option>
</select>
<input type="submit" id="submit" name="submit" value="Hasil">
<div class="hasil">
hasilnya adalah 
<?php 
if (isset($_POST['submit']))
echo $hasil;
?>
</div>
</form>
</div>

</body>
</html>
</body>
</html>
.
Nah.. nanti akan seperti ini jadinya.....
kalkulator php
kalkulator php
Sekedar saran, bagi yang masih belajar koding saya sarankan jangan langsung copy paste, tapi tulis ulang kode yang diatas. Karena akan lebih nempel di otak kalau kita menulisnya sendiri.
Selain menggunakan PHP, kalian juga bisa membuat kalkulator sederhana dengan JavaScript
Thankss.....

Bagikan

Jangan lewatkan

Cara membuat kalkulator dengan PHP
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.