<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<head>
<title>Kalkulator</title>
</head>
<body class="bg-dark">
<div class="container bg-warning mt-3 mb-3">
<h1 style="font-weight: bold;">
KALKULATOR
</h1>
<br>
<form action="" method="post">
<b>BILANGAN PERTAMA :</b> <br>
<input type="number" name="bil1" placeholder="Bilangan Pertama" required>
<br><br>
<b>BILANGAN KEDUA :</b> <br>
<input type="number" name="bil2" placeholder="Bilangan Kedua" required>
<br><br>
<select name="operator">
<option>tidak ada</option>
<option>tambah</option>
<option>kurang</option>
<option>kali</option>
<option>bagi</option>
<option>modulus</option>
</select>
<button type="submit" name="hasil" class="btn btn-primary">
Hasil
</button>
</form>
<br><br>
<h5>
<span class="badge badge-success text-left">
<p>
<br>
<b>Hasilnya adalah</b>
<?php
echo "<b>";
if(isset($_POST[\'hasil\'])){
$bil1 = $_POST[\'bil1\'];
$bil2 = $_POST[\'bil2\'];
$hasil = $_POST[\'hasil\'];
switch($_POST[\'operator\']){
case "tidak ada":
print "tidak ada,karena anda harus memilih <br> operasi perhitungannya";
break;
case "tambah":
print $bil1 + $bil2;
break;
case "kurang":
print $bil1 - $bil2;
break;
case "kali":
print $bil1 * $bil2;
break;
case "bagi":
print $bil1 / $bil2;
break;
case "modulus":
print $bil1 % $bil2;
break;
}
}
echo "</b>"
;?>
</p>
</span>
</h5>
<br><br>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>