Cara Membuat Kalkulator Keren Dengan PHP
Cara Membuat Kalkulator Keren Dengan PHP - Selamat siang semuanya dari manapun anda berada, kali ini admin akan membagikan Tutorial Cara Membuat Kalkulator Keren Dengan PHP. Berbeda dengan tutorialnya yakni Cara Membuat Kalkulator Sederhana Dengan PHP. Kalkulator PHP ini sudah diberi css jadi kalkulator PHP ini memiliki tampilan yang lumayan keren lah :D.
Cara penggunannya seperti biasa ya sama gak ada yang berubah sepert yang sudah saya jelaskan pada tutorial sebelumnya yakni cara membuat kalkulator sederhana dengan php.
Berikut cara membuat kalkulator php yang keren ini.
Buat file index.php salin dan tempel kode berikut
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator Keren by EKONYONTEK</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php
if(isset($_POST['hitung'])){
$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
$operasi = $_POST['operasi'];
switch ($operasi) {
case 'tambah':
$hasil = $bil1+$bil2;
break;
case 'kurang':
$hasil = $bil1-$bil2;
break;
case 'kali':
$hasil = $bil1*$bil2;
break;
case 'bagi':
$hasil = $bil1/$bil2;
break;
}
}
?>
<div class="kalkulator">
<h2 class="judul">KALKULATOR</h2>
<form method="post" action="index.php">
<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Kedua">
<select class="opt" 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="bil">
<?php }else{ ?>
<input type="text" value="0" class="bil">
<?php } ?>
<a class="brand" href="https://source-gratis.blogspot.com/2018/10/cara-membuat-kalkulator-keren-dengan-php.html
">by source-gratis.blogspot.com</a>
</div>
</body>
</html>
Kemudian Save !
Buat file style.css. fungsi file css ini adalah untuk memberi desain dan warna pada bahasa html
body{
background: #F2F2F2;
font-family: sans-serif;
}
.kalkulator{
width: 335px;
background: #2980b9;
margin: 100px auto;
padding: 10px 20px 50px 20px;
border-radius: 30px;
box-shadow: 0px 10px 20px 15px #D1D1D1;
}
.bil{
width: 300px;
margin: 5px;
border: none;
font-size: 16pt;
border-radius: 5px;
padding: 10px;
}
.opt{
font-size: 16pt;
border: none;
width: 215px;
margin: 5px;
border-radius: 5px;
padding: 10px;
}
.tombol{
background: #0c2461;
border-top: none;
border-right: none;
border-left: none;
border-radius: 5px;
padding: 10px 20px;
color: #eee;
font-size: 15pt;
border-bottom:4px solid #1e3799;
}
.brand{
color: #eee;
font-size: 11pt;
float: right;
text-decoration: none;
margin: 12px;
}
.judul{
text-align: center;
color: #eee;
font-weight: normal;
}
kemudian save !
Demo Klik Disini
Sekian Tutorial Cara Membuat Kalkulator Keren Dengan PHP jangan lupa share artikel ini.
