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>
.
<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 |
Selain menggunakan PHP, kalian juga bisa membuat kalkulator sederhana dengan JavaScript
Thankss.....
Bagikan
Cara membuat kalkulator dengan PHP
4/
5
Oleh
Unknown