Assalamu'alaikum Wr.Wb
Berikut script kalkulator sederhana yang telah saya coba.
Langkah pertama :
Membuat rangkaian dasar atau interface dari kalkulator kita, masukkan kode seperti berikut :<?//calculator?>
<html>
<head>
<title>Kalkulator_sederhana</title>
</head>
<body background="3.jpg">
<table border="0" cellspacing="0" cellpadding="0" width="110 "align="center">
<tr>
<td width="300">
</td>
<td>
<font face="Ravie" color="black" size="5">KALKULATOR</font>
</td>
</tr>
<tr height="10">
<td>
</td>
<td>
</td>
</tr>
</table>
<form action="calfunction.php" method="get" target="hasil" align="center">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="blue" align="center">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr height="3"><td></td></tr>
<tr>
<td width="2"></td>
<td bgcolor="white" align="center" valign="center">
<iframe name="hasil" frameborder="0" width="300" height="200"></iframe>
</td>
</tr>
<tr height="10">
<td></td>
</tr>
<tr>
<td></td>
<td align="center" valign="center">
<input type="text" name="input_number1" size="8" maxlength="15">
<input type="text" name="input_number2" size="9" maxlength="15">
</td>
</tr>
<tr height="10"><td></td></tr>
</table>
</td>
<td width="3">
</td>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<input type="submit" name="opt" value="+">
</td>
<td align="center">
<input type="submit" name="opt" value="%">
</td>
</tr>
<tr height="5">
<td>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" name="opt" value="-">
</td>
<td align="center">
<input type="submit" name="opt" value="*">
</td>
</tr>
<tr height="5">
<td>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" name="opt" value="/">
</td>
<td align="center">
<input type="submit" name="opt" value="CE">
</td>
</tr>
<tr height="5">
<td>
</td>
</tr>
</table>
</td>
<td width="20">
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" bgcolor="blue">
<tr height="3">
<td>
</td>
<td>
</td>
</tr>
<tr>
<td width="10">
</td>
<td>
<font face="Ravie" color="orange" size="2">@poltek_harber_tegal </font>
</td>
</tr>
<tr height="3">
<td>
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Jika menggunakan XAMPP, save file tersebut diC:\xampp\htdocs\calculator\index.html
Langkah kedua :
Pada langkah kedua, buatlah file fungsi seperti berikut.<html>
<head><title></title></head>
<body>`
<?php
$input_number1 = $_GET['input_number1'];
$input_number2 = $_GET['input_number2'];
$opt= $_GET['opt'];
$hasil = 0;
$input_number1 = $input_number1 / 1;
$input_number2 = $input_number2 / 1;
if($opt=="+")
{
$hasil=($input_number1)+($input_number2);
echo "<font face='Terminal'>";
echo "$hasil";
//simpan ke log
$file='C:\xampp\htdocs\calculator\log.txt';
$fo=fopen($file,'w');
$data=$hasil;
fwrite($fo,$data);
fclose($fo);
}
else if($opt=="-")
{
$hasil=($input_number1) - ($input_number2);
echo "<font face='Terminal'>";
echo "$hasil";
//simpan ke log
$file='C:\xampp\htdocs\calculator\log.txt';
$fo=fopen($file,'w');
$data=$hasil;
fwrite($fo,$data);
fclose($fo);
}
else if($opt=="*")
{
$hasil=($input_number1) * ($input_number2);
echo "<font face='Terminal'>";
echo "$hasil";
//simpan ke log
$file='C:\xampp\htdocs\calculator\log.txt';
$fo=fopen($file,'w');
$data=$hasil;
fwrite($fo,$data);
fclose($fo);
}
else if($opt=="/")
{
$hasil=$input_number1 / $input_number2;
echo "<font face='Terminal'>";
echo "$hasil";
//simpan ke log
$file='C:\xampp\htdocs\calculator\log.txt';
$fo=fopen($file,'w');
$data=$hasil;
fwrite($fo,$data);
fclose($fo);
}
else if($opt=="%")
{
$hasil=($input_number1 * $input_number2) / 100;
echo "<font face='Terminal'>";
echo "$hasil";
//simpan ke log
$file='C:\xampp\htdocs\calculator\log.txt';
$fo=fopen($file,'w');
$data=$hasil;
fwrite($fo,$data);
fclose($fo);
}
else if($opt=="CE")
{
}
else
{
echo 'Operator cannot defined';
echo '<br>';
echo 'Calculation function is aborted ...';
exit;
}
?>
</body>
</html>
Kemudian save file-nya dengan nama calfunction.php, dan simpan di lokasi folder yang sama dengan index.html. Kemudian tes di dalam browser, dengan cara mengubah URL-nya menjadi http://localhost/calculator/index.html.
Berikut ini adalah tampilan implementasinya :
Berikut adalah tampilan hasil dari pengimputan dengan mengklik salah satu option button di samping :
Wassalamu'alaikum Wr.Wb
0 komentar:
Posting Komentar