Cara membuat kalkulator online dengan PHP
Cieee Ketemu lagi dengan prof.zonk
Sudah lamah nih gue nggak share Ilmu Lagi, Sekarang gue ingin memberi ilmu, Yaitu Cara membuat kalkulator online dengan PHP <
Sebenarnya Sangat Mudah Sekali Tinggal Kalian Ikuti aja Cara Di Bawah Ini
Bahan :
1.Software Xampp
2.Texeditor . Contoh : Notepad , Wordpad , Notepad++ , Sublime Text , dll
Tutorialnya :
1.Salin Kode Dibawah Ini Dan Simpan Dengan Nama Kalkulator.php
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator</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>
<a class="brand" href="http://www.grupmerahputih.blogspot.com">By : Prof.zonk</a>
<form method="post" action="kalkulator.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 } ?>
</div>
</body>
</html>
2.kemudian Salin Lagi Kode Dibawah Ini Dengan Nama Style.css Dan Simpan Di Folder Yang Sama Dengan Kalkulator.php Tadi
body{
background: #1F303A;
font-family: sans-serif;
}
.kalkulator{
width: 335px;
background: rgb(109, 109, 109);
margin: 100px auto;
padding: 10px 20px 50px 20px;
border-radius: 5px;
box-shadow: 0px 10px 20px 0px #3A9C54;
}
.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: #EC5159;
border-top: none;
border-right: none;
border-left: none;
border-radius: 10px;
padding: 10px 20px;
color: #F7F0F0;
font-size: 15pt;
border-bottom:4px solid #BF3D3D;
}
.brand{
color: #F3F3F3;
font-size: 11pt;
float: right;
text-decoration: none;
margin: 12px;
}
.judul{
text-align: center;
color: #eee;
text-shadow: 0 0 10px rgb(0, 255, 184) , 0 0 70px rgb(0, 255, 184);
font-weight: normal;
}
3.Kemudian Tinggal Dijalankan Dengan Xampp/Upload di Webhosting Kalo Nggak Ngerti Menggunakan xampp bisa searching di google
Selesai Deh Tinggal Loh kembangin lagi
No comments: