Assalamualaikum Wr. Wb.
Uke gan, Sekarang ane akan berbagi gimana membuat kalkulator sederhana diphp menggunakan auto load.
ya.. mungkin sudah banyak yang tau bagaimana membuat kalkulator sederhana. disini saya akan menjelaskan dan berbagi ilmu yang beda.
seperti tampilan ini gan..
ya.. mungkin sudah banyak yang tau bagaimana membuat kalkulator sederhana. disini saya akan menjelaskan dan berbagi ilmu yang beda.
seperti tampilan ini gan..
Uke.. untuk membuatnya pertama agan buka editor,
kemudian jangan lupa komputer agan sudah terinstal xampp, jadi untuk menjalankan aplikasi ini dijalankan melalui xampp/htdocs.
letakkan/simpan program yang agan buat didalam folder htdocs tersebut.
kemudian jangan lupa komputer agan sudah terinstal xampp, jadi untuk menjalankan aplikasi ini dijalankan melalui xampp/htdocs.
letakkan/simpan program yang agan buat didalam folder htdocs tersebut.
pertama ketikkan program dibawah ini dan simpan dengan nama index.php
tapi sebelumnya buat folder baru didalam htdocs. misalkan folder latihan. jadi simpan file tersebut didalam folder latihan tersebut.
tapi sebelumnya buat folder baru didalam htdocs. misalkan folder latihan. jadi simpan file tersebut didalam folder latihan tersebut.
<!DOCTYPE html> <!-- Tag pertama ciri-ciri HTML5 -->
<html> <!-- Tag Dasar dalam HTML, untuk memulai atau membuka kode HTML -->
<head> <!-- Tag Awal pembuka 'Head' HTML -->
<title>Membuat Kalkulator Sederhana</title><!-- Tag Title untuk menampilkan Title pada Tab Browser -->
</head>
<body>
<?
if ((empty($_REQUEST['bil1'])) || (empty($_REQUEST['bil2']))){
//Jika field pada kolom bil1 ATAU pada bil2 kosong/belum diisi maka muncul pesan
echo"<center><table><tr><td><font color='FF0000'>Untuk melakukan operasi silahkan lengkapi kolom terlebih dahulu!</font></td></tr></table></center>";
}else{
// kondisi perhitungan
if (($_REQUEST['operasi']=="*") && (!empty($_REQUEST['bil1'])) || (!empty($_REQUEST['bil2']))){
//jika dipilih operasi (*) dan bilangan 1 atau bilangan 2 tidak kosong maka
$hasil=$_REQUEST['bil1'] * $_REQUEST['bil2']; //dilakukan proses perkalian
}elseif (($_REQUEST['operasi']=="/") && (!empty($_REQUEST['bil1'])) || (!empty($_REQUEST['bil2']))){
//jika dipilih operasi (/) dan bilangan 1 atau bilangan 2 tidak kosong maka
$hasil=$_REQUEST['bil1'] / $_REQUEST['bil2']; //dilakukan proses pembagian
}elseif (($_REQUEST['operasi']=="+") && (!empty($_REQUEST['bil1'])) || (!empty($_REQUEST['bil2']))){
//jika dipilih operasi (+) dan bilangan 1 atau bilangan 2 tidak kosong maka
$hasil=$_REQUEST['bil1'] + $_REQUEST['bil2']; //dilakukan proses penjumlahan
}elseif (($_REQUEST['operasi']=="-") && (!empty($_REQUEST['bil1'])) || (!empty($_REQUEST['bil2']))){
//jika dipilih operasi (-) dan bilangan 1 atau bilangan 2 tidak kosong maka
$hasil=$_REQUEST['bil1'] - $_REQUEST['bil2']; //dilakukan proses pengurangan
}
}
?>
<form action="" method="post" name="form">
<center> <!-- Tag Center berfungsi untuk mengatur tata letak suatu objek, hingga batas penutup Tag Center -->
<fieldset style="width:50%;"> <!-- Tag fieldset berfungsi untuk menampilkan sebuah Frame/Garis Tepi. -->
<legend><b>Kalkulator Sederhana</b></legend> <!-- Tag legend untuk memberikan judul/teks pada Frame diatas,
Tag '<b>' berfungsi untuk membuat Font/teks bercetak tebal. -->
<table border="0">
<tr>
<td align="right">Masukkan Bilangan Pertama</td> <!--Membuat kolom judul bilangan pertama dengan rata kanan-->
<td>:</td>
<!--Membuat kolom textfield bil1 dengan rata kanan, value diambilkan dari bilangan yang terakhir diinputkan-->
<td><input name="bil1" id="bil1" type="number" value="<?=$_REQUEST['bil1']?>" maxlength="15"></td><!--Membuat kolom judul dengan rata kanan-->
</tr>
<tr>
<td align="right">Masukkan Bilangan Kedua</td> <!--Membuat kolom judul bilangan kedua dengan rata kanan-->
<td>:</td>
<!--Membuat kolom textfield bil2 dengan rata kanan, value diambilkan dari bilangan yang terakhir diinputkan-->
<td><input name="bil2" id="bil2" type="number" value="<?=$_REQUEST['bil2']?>" maxlength="15"></td>
</tr>
<tr>
<td align="right">Pilih Operasi Hitung</td> <!--Membuat kolom judul operasi hitung kedua dengan rata kanan-->
<td>:</td>
<!--Membuat kolom pilihan (list) operasi, value yang ditampilkan dari operasi yang terakhir dipilih-->
<td><select name="operasi" id="operasi" onChange="this.form.submit()">
<option value="<?=$_REQUEST['operasi']?>"><?=$_REQUEST['operasi']?></option>
<option value="*">*</option> <!--Menampilkan pilihan (*)-->
<option value="/">/</option> <!--Menampilkan pilihan (/)-->
<option value="+">+</option> <!--Menampilkan pilihan (+)-->
<option value="-">-</option> <!--Menampilkan pilihan (-)-->
</select></td>
</tr>
<tr>
<td align="right" valign="top">Hasil</td> <!--Membuat kolom judul Hasil dengan rata kanan-->
<td valign="top">:</td>
<!--Membuat kolom textfield Hasil dengan rata kanan, value diambilkan dari bil1 dioperasikan pada bil2-->
<td><input type="number" name="hasil" id="hasil" style="height:50px;font-size:18px;" size="25" value="<?=$hasil?>" readonly></td>
</tr>
</table> <!-- Tag Penutup tabel. -->
</form> <!-- Tag Penutup Form, yaitu untuk membatasi objek yang termasuk Form didalamnya -->
</fieldset> <!-- Tag Penutup fieldset/Frame -->
</center> <!-- Tag Penutup Center, untuk membatasi area yang ditampilkan ditengah halaman -->
</body> <!-- Tag Penutup Body -->
</html> <!-- Tag Penutup HTML -->
Kemudian tulis code Css dibawah ini sebelum tag
untuk mengubah tampilannya.
Klik disini untuk melihat Demo!
