tanpa panjang lebar saya akan jelaskan cara membuat kalkulator sederhana :
Langkah Pertama instal Notepad++ / sublime teks dan Xampp , disini yang saya gunakan adalah Sublime teks
langkah kedua ketikkan source code berikut di sublime teks :
<!DOCTYPE html>
<html>
<head>
<title> KALKULATOR </title> <!-- halaman judul -->
</head>
<body bgcolor="red"> <!-- digunakan untuk memberi warna-->
<h1>KALKULATOR</h1>
<?php
error_reporting(0); // souche code untuk menghilangkan pesan error
if ($_POST['angka1']=="") {
echo "Maaf Angka 1 belum di inputkan";
}else if ($_POST['angka2']=="") {
echo "Maaf Angka 2 belum di inputkan";
}
else if(isset($_POST['hasil'])){ // souche code mengeksekusi hasil apabila bernilai true
if($_POST['hitung']=="tambah"){//souche code untuk penjumlahan
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1+$angka2;
}
else
if($_POST['hitung']=="kurang"){ // souche code untuk pengurangan
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1-$angka2;
}
else
if($_POST['hitung']=="kali"){ // souche code untuk perkalian
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1*$angka2;
}
else
if($_POST['hitung']=="bagi"){ // souche code untuk pembagian
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1/$angka2;
}
}
?>
<form method="post"> <!-- form menggunakan method post -->
<table border="0" cellspacing="0"> <!-- souche code untuk membuat tabel -->
<tr> <!-- souche code untuk membuat baris -->
<td><input type="number" name="angka1" placeholder="Input nilai 1"></td></tr>
<!-- souche code untuk membuat kolom text fiel type "number" -->
<tr><td> <!-- kolom combobox -->
<select name="hitung">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">/</option>
</select>
</td></tr>
<tr><td> <input type="number" name="angka2" placeholder="Input nilai 2"> </td></tr>
<tr><td> <input type="submit" name="hasil" value="hasil"> </td></tr>
<!-- souche code untuk kolom button submit -->
<tr><td><input type="text" name="hasil" disabled value="<?php echo "".$hasil ?>"></td></tr>
</table>
</form>
</body>
</html>
lalu simpan di htdocs dengan nama KALKULATOR.php
langkah ketiga buka XAMPP
langkah ke 4 , panggil http://localhost/kalulator.php, maka akan muncul tampilan kalkulator yang sudah di buat
apabila salah satu nilai tidak di isi maka akan muncul pesan error
PENJELASAN dari Source Code di atas :
Source Code ini digunakan untuk menampilkan pesan
if ($_POST['angka1']=="") {
echo "Maaf Angka 1 belum di inputkan";
}else if ($_POST['angka2']=="") {
echo "Maaf Angka 2 belum di inputkan";
source code ini digunakan untuk operasi
if($_POST['hitung']=="tambah"){//souche code untuk penjumlahan
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1+$angka2;
}
else
if($_POST['hitung']=="kurang"){ // souche code untuk pengurangan
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1-$angka2;
}
else
if($_POST['hitung']=="kali"){ // souche code untuk perkalian
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1*$angka2;
}
else
if($_POST['hitung']=="bagi"){ // souche code untuk pembagian
$angka1=$_POST['angka1'];
$angka2=$_POST['angka2'];
$hasil=$angka1/$angka2;
}
}
SoureCode ini digunakan untuk membuat combobox
<tr><td> <select name="hitung">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">/</option>
</select>
</td></tr>
Source Code ini digunakan untuk input
<tr><td> <input type="submit" name="hasil" value="hasil"> </td></tr>
Source Code ini digunakan untuk menampilkan hasil yang tidak bisa dirubah-rubah secara manual
<tr><td><input type="text" name="hasil" disabled value="<?php echo "".$hasil ?>"></td></tr>
apabila kesulitan dapat mendownload filenya disini
No comments:
Post a Comment