Kalkulator adalah alat untuk menghitung dari perhitungan sederhana
seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada
kalkulator sains yang dapat menghitung rumus matematika tertentu.
Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi
tambahan daripada komputer, handphone, bahkan sampai jam tangan.
Baiklah Sobat. pada kesempatan kali ini saya mau sedikit
share cara membuat kalkulator sederhana
menggunakan PHP. saya cuman pakai 2 tools untuk
membuat aplikasi kalkulator sederhana ini, yaitu XAMPP & Notepad++. Oke langsung kita mulai saja. §
Pastikan terlebih dahulu Apache
Service XAMPP Anda sudah aktif.
§
Kemudian buka Notepad++
.
§
Buat sebuah file dengan nama index.php
§
Lalu Ketik atau copy pastekan kode
berikut ke dalam file index.php tadi di Notepad++
§
Berikut ini kodenya:
<html>
<head>
<title>Kalkulator Dengan HP</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<form name="fform" method ="post" action = "rumus2.php">
<font>
<blink>
<center id="judul">
<h2>KALKULATOR</h2>
</center>
</blink>
</font>
</div>
<div id="sidebar">
<p id="profil"><img src="contact.png" align="center" height="30"> PROFILE</p><br/>
<ul class="slider">
<li><a href="bakti.php"><h3>Bakti Nur Wahyudin</h3></a>
<li><a href="donny.php"><h3>Donny Setiaji</h3></a></li>
</ul>
</div>
<br/><br/><br/><br/><br/><br/>
<div id="badan">
<div id ="badan2">
<img src="kalkulator.jpg" alt="image" align="center" />
<p>Mesin hitung atau Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, </p>
<p>pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu.</p>
<p>Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, </p>
<p>bahkan sampai jam tangan. </p><br/><br/>
<p>Dibawah ini merupakan contoh kalkulator yang dibuat dengan PHP, anda bisa mensimulasikannya.</p>
<p> Untuk tutorial pembuatannya bisa klik tombol dibawah ini</p>
<div class="button"><a href="http://baktinw.blogspot.co.id">Bakti</a></div>
<div class="button"><a href="http://donnysetiaji.blogspot.co.id">Donny</a></div>
</div>
<div id="kalkulator">
<div class="kalkulator2">
<p style=" text-align:center;">Bilangan Pertama </p>
<input size="16" name="bil1" type="text" placeholder="Bilangan pertama" />
</div>
<div class="clearing"></div>
<div class="kalkulator2">
<p style=" text-align:center;">Bilangan Kedua </p>
<input size="16" name="bil2" type="text" placeholder="Bilangan Kedua" />
</div>
<div class="clearing"></div>
<div class="kalkulator2">
<p style="background:orange; text-align:center;">Hasil </p>
<input size="16" name="bil3" type="text" placeholder="Hasil" value="<?php if (isset($_GET['bil3'])) echo $_GET['bil3']?>" />
</div>
<div id="tombol">
<p width="31"><input value="+" type="submit" name ="tambah" /></p>
<p width="27"><input value="-" type="submit" name = "kurang" /></p>
<p width="31"><input value="*" type="submit" name = "kali" /></p>
<p width="27"><input value="/" type="submit" name = "bagi" /></p>
<p width="94"><input value="Bersihkan" type="submit" name = "input" /></p>
</div>
</div>
</div>
</body>
</html>
§
Seperti biasa, simpan di folder
C:/xampp/htdocs/NamaFolderAnda dengan nama index.php
§
Buatlah 1 file bernama rumus2.php
§
Lalu Paste kode berikut :
<?php
$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
if ($tambah = $_POST['tambah'])
{
$hasil = $bil1 + $bil2 ;
}
if ($kurang = $_POST['kurang'])
{
$hasil = $bil1 - $bil2;
}
if ($kali = $_POST['kali'])
{
$hasil = $bil1 * $bil2 ;
}
if ($bagi = $_POST['bagi'])
{$hasil = $bil1 / $bil2 ;
}
header ("location:index.php?bil3=$hasil");
?>
§
Simpan dengan nama rumus2.php
§
Buka browser Anda misalkan ketikan http://localhost/tugas3WP1_14090020&14090012/
§
kira-kira seperti ini :
§
kemudian akan tampil form input sebagai
berikut :
§
Coba inputkan nilai selanjutnya klik botton
maupun botton yg lainnya. Disini
saya contohkan klik botton Tambah [+]
§
Maka hasilnya akan sebagai berikut (file
rumus.php):
§ § Untuk membersihkan klik Bersihkan. Untuk tabel hasil perhitungan bisa Anda
rubah sendiri sesuai selera.
§ Sekian dulu postingan kali ini semoga
bermanfaat.
0 comments:
Post a Comment