Assalammualaikum Wr. Wb.
Kali ini saya akan share Cara Membuat Kalkulator Menggunakan Script PHP Sederhana. sebelumnya kita harus menginstall WampServer terlebih dahulu agar bisa membuka file .php nya.. jika sudah langsung saja saya bagi scriptnya.
Script PHP Kalkulator:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Kalkulator Sederhana</title>
<style>
body{
color:0c11ea;
background-image:url(max.jpg);
background-size:full;
background-color:0c11ea;
font-family:Tahoma, sans-serif;
font-size:18px;
margin:0;
padding:0;
}
input{
font-size:24px;
padding:6px;
border: 1px solid #000;
}
.panel{
background-color:skyblue;
box-shadow:0 2px 5px #000;
padding:18px;
line-height:28px;
margin:150px auto 2px;
max-width:380px;
}
.tombol{
color:#fff;
font-size:14px;
background-color:#212121;
boder-bottom:2px solid #000;
padding:8px;
margin:2px;
}
.tombol:hover{
background-color:orange;
}
a{
text-decoration:none;
color: #F57C00;
}
.footer{
max-width: 100%;
padding: 10px;
color: lime;
}
</style>
</head>
<body>
<?php
$bil1 = isset($_POST['bil1']) ? $_POST['bil1'] : NULL;
$bil2 = isset($_POST['bil2']) ? $_POST['bil2'] : NULL;
$hasil = isset($hasil) ? $hasil : 0;
if(isset($_POST['tambah'])){
$hasil = $bil1+$bil2;
}
if(isset($_POST['kurang'])){
$hasil = $bil1-$bil2; }
if(isset($_POST['kali'])){
$hasil = $bil1*$bil2;
}
if(isset($_POST['bagi'])){
$hasil = $bil1/$bil2;
}
if(isset($_POST['%'])){
$hasil=($bil1*$bil2)/100;
}
echo '<div class="panel">'.
'<form action="" method="post">'.
'<div align="center"> KALKULATOR SEDERHANA </div>'.
'<div align="center">=============================</div>'.
'<b></b><br/>'.
'<input type="text" name="bil1" value="'.$bil1.'"/><br/>'.
'<b></b><br/>'.
'<input type="text" name="bil2" value="'.$bil2.'"/><br/>'.
'<b>=</b><br/>'.
'<input type="text" value="'.$hasil.'" readonly/><br/>'.
'<input class="tombol" type="submit" name="tambah" value="+"/>'.
'<input class="tombol" type="submit" name="kurang" value="-"/>'.
'<input class="tombol" type="submit" name="kali" value="X"/>'.
'<input class="tombol" type="submit" name="bagi" value="/"/>'.
'<input class="tombol" type="submit" name="%" value="Mod"/>'.
'<INPUT class="tombol" type="submit" name="cancel" value="Cansel"/>'.
'</form>'.
'</div>';
?><br/><br/><br/><br/><br/>
<div class="footer">
</head>
</html>
Wassalammualaikum Wr. Wb..
0 komentar:
Posting Komentar