Aplikasi kalkulator sederhana ini dibuat dengan oprator matematika seperti tambah, kurang, kali, bagi, dan modulus(hasil bagi). Sebelum mengikuti tutorial ini sobat harus punya aplikasi yang bernama xampp dan text editor seperti notepad atau yang lainnya.
Oke, saya anggap sobat sudah memiliki aplikasi xampp dan text editornya. Disini saya menggunakan text editor Sublime.
Dibawah ini tutorialnya dan insya Allah akan saya jelaskan sejelas mungkin...
1. Buka text editor milik sobat, kemudian buat file php baru.
2. Buat form untuk kalkulatornya dengan memasukan script berikut.
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator sederhana dengan php</title>
</head>
<body>
<h1>Kalkulator sederhana dengan php</h1>
<form action="kalkulator.php" method="POST">
<table cellpadding="4">
<tr>
<td>Nilai 1 : <input type="text" name="nil1" size="5"></td>
</tr>
<tr>
<td align="center" colspan="2"><select name="operasi">
<option value="+">Ditambah</option>
<option value="-">Dikurangi</option>
<option value="/">Dibagi</option>
<option value="*">Dikali</option>
<option value="mod">Mod</option>
</select></td>
</tr>
<tr>
<td>Nilai 2 : <input type="text" name="nil2" size="5"></td>
</tr>
</table>Hasilnya adalah :
<!-- Disini script phpnya -->
<br><br>
<input type="submit" value="Hitung">
<input type="reset" value="Reset">
</form>
<br>
<em><a href="http://vbphotoshop.blogspot.com">vbphotoshop.blogspot.com</a></em>
</body>
</html>
Simpan pada directori c -> xampp -> htdoc. Simpan dengan nama kalkulator.php.
Untuk menjalankannya. Buka aplikasi xampp, kemudian klik start pada Apache. Buka browser kesayangan sobat, kemudian ketikan localhost/kalkulator.php pada addressbar browser kemudian klik enter. Maka akan terlihat tampilan seperti pada gambar berikut:
Script yang tadi telah kita ketik dan simpan belum menggunakan php, melainkan html. Akan sedikit saya jelaskan script di atas.
<form action="kalkulator.php" method="POST">. Merupakan pembuka form. action="kalkulator.php" merupakan file php tujuan setelah data dikirim. method="POST" merupakan metode yang digunakan untuk mengirim data.
<table cellpadding="4"><tr><td>. <table> merupakan tabel pembungkus supaya form lebih terlihat rapih, sedangkan <tr> dan <td> merupaka kolom dan baris pada tabel.
<input type="text" name="nil1" size="5">. Ini merupakan script untuk membuat kolom input berupa text. name wajib disertakan untuk digunakan saat membuat script php nanti. Size itu merupakan panjang dari kolom yang dibuat.
<select> dan <option> juga merupakan tag input berupa drop down. Name pada select masih diperlukan pada tag select. sedangkan pada tag option yang harus ada adalah atribut value.
<input type="submit"> dan <input type="reset"> tag untuk membuat tombol.
Oke, mudah mudahan sudah cukup jelas untuk script diatas. Sekarang kita akan memasukan script phpnya.
3. Masukkan script php berikut dibawah <!-- Disini script phpnya -->.
<?php
$nilai1 = $_POST['nil1'];
$nilai2 = $_POST['nil2'];
$oprator = $_POST['operasi'];
if ($oprator == "+")
{
echo $nilai1+$nilai2;
}elseif ($oprator == "-")
{
echo $nilai1-$nilai2;
}elseif ($oprator == "*")
{
echo $nilai1*$nilai2;
}elseif ($oprator == "/")
{
echo $nilai1/$nilai2;
}elseif ($oprator == "mod")
{
echo $nilai1%$nilai2;
}else
{
echo "Tidak dikenal";
}
?>
$nilai1 = $_POST['nil1']; $nilai2 = $_POST['nil2']; $oprator = $_POST['operasi'];.. Itu merupakan deklarasi variable. "Mengambil data yang dikirm dari form html tadi". Script php selalu di duka dengan <?php dan diakhiri dengan ?>
Script diatas menggunakan argumen if. logikanya jika pada tag <select> yang dipilih adalah option "Ditambah" valuenya adalah (+). Maka yang akan tejadi adalah nilai pertama($nilai1) di tambah nilai kedua($nilai2). Begitu juga dengan yang seterusnya.
Script akhirnya akan menjadi seperti berikut.
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator sederhana dengan php</title>
</head>
<body>
<h1>Kalkulator sederhana dengan php</h1>
<form action="kalkulator.php" method="POST">
<table cellpadding="4">
<tr>
<td>Nilai 1 : <input type="text" name="nil1" size="5"></td>
</tr>
<tr>
<td align="center" colspan="2"><select name="operasi">
<option value="+">Ditambah</option>
<option value="-">Dikurangi</option>
<option value="/">Dibagi</option>
<option value="*">Dikali</option>
<option value="mod">Mod</option>
</select></td>
</tr>
<tr>
<td>Nilai 2 : <input type="text" name="nil2" size="5"></td>
</tr>
</table>Hasilnya adalah :
<?php
$nilai1 = $_POST['nil1'];
$nilai2 = $_POST['nil2'];
$oprator = $_POST['operasi'];
if ($oprator == "+")
{
echo $nilai1+$nilai2;
}elseif ($oprator == "-")
{
echo $nilai1-$nilai2;
}elseif ($oprator == "*")
{
echo $nilai1*$nilai2;
}elseif ($oprator == "/")
{
echo $nilai1/$nilai2;
}elseif ($oprator == "mod")
{
echo $nilai1%$nilai2;
}else
{
echo "Tidak dikenal";
}
?><br><br>
<input type="submit" value="Hitung">
<input type="reset" value="Reset">
</form>
<br>
<em><a href="http://vbphotoshop.blogspot.com">vbphotoshop.blogspot.com</a></em>
</body>
</html>
Kemudian simpan dan buka kembali pada browser. Klik tombol demo dibawah ini untuk melihat hasilnya.
Sekian Cara membuat kalkulator sederhana dengan php. Semoga bermanfaat, terimakasih..HP -
Tidak ada komentar: