Bentuk tampilan kalkulatornya kira-kira seperti gambar di bawah ini:
Source code aplikasi kalkulator di atas beserta JavaScriptnya adalah sebagai berikut:
-------script mulai disini--------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JAVASCRIPT_CALCULATOR</title>
<body bgcolor="grey">
<meta name="Programmer" content="nue" />
<script language="javascript" type="text/javascript">
<!--
var flag = false;
function isi(num) {
if (flag) calc.b.value += num;
else calc.a.value += num;
}
function tambah()
{
calc.opr.value = ' + '
flag = true;
calc.b.focus()
}
function kurang()
{
calc.opr.value = ' - '
flag = true;
calc.b.focus()
}
function kali()
{
calc.opr.value = ' * '
flag = true;
calc.b.focus()
}
function bagi()
{
calc.opr.value = ' / '
flag = true;
calc.b.focus()
}
//-->
</script>
<style type="text/css">
p {
font-family:georgia;
font-size:10px;
line-height:1.6em;
font-weight:bold;
color:#727272
}
</style>
</head>
<body onload=kosong()>
<center>
<p style="padding:20px 0px 30px 0px"><font size="4" color="black"><u>JavaScript Calculator</u></font></p>
<form name="calc">
<table border="3" bordercolor="black">
<tr>
<td>
<input type="text" name="a" size="2" />
<select name="opr" onchange="setSelected(this);">
<option>-Pilih-</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="b" size="2" />
<input type="button" name="hasil" value="=" onclick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" />
<input type="text" name="c" size="2" />
<br/>
</td>
</tr>
</table>
</form>
<p><font color="yellow">Created by : <br/>nue.com</p></font>
<p><font color="white">2010 © fakom.com</p></font>
</center>
</body>
</html>
---------akhir script----------
copy code diatas kemudian buka program notepad.exe kemudian paste di program notepad tersebut. Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html kemudian buka file tersebut melalui browser.
Demikian sebuah contoh aplikasi JavaScript berupa aplikasi kalkulator sederhana.......selamat mencoba
/*---------------------------
@uthor agus nuryanto
mail: agus.nue48@gmail.com
-----------------------------*/
Tidak ada komentar:
Posting Komentar