Membuat kalkulator dengan Javascript
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self.
Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>.
untuk melihat hasil lebih lanjut silahkan klik link ini kalkulator javascript
script untuk membuat kalkulator seperti diatas scriptnya sebagai berikut
<html>
<title>Kalkulator javascript </title>
<SCRIPT LANGUAGE="JavaScript">
function tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value = c
}
function kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
}
function kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
}
function bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value = c
}
function kosong()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""
}
</SCRIPT>
<body onload=kosong()>
<CENTER>
<FORM name="form">
<table width="0" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td width="270" height="45" align="center" bgcolor="#CCCCFF"><strong>PROGRAM KALKULATOR</strong></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF"><strong>Angka 1</strong> <input type="text" name="a"></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF"><strong>Angka 2</strong> <input type="text" name="b"></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF"><input type="button" value=" + " onClick="tambah()">
<input type="button" value=" - " onClick="kurang()">
<input type="button" value=" x " onClick="kali()">
<input type="button" value=" / " onClick="bagi()">
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF"><strong>Hasil</strong> <input type "text" name="hasil"></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF"><input type="button" value="Clear" onClick="kosong()"></td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCFF">By : <a href="http://5ufy4n.blogspot.com/">5ufy4n.blogspot.com</a></td>
</tr>
</table>
</FORM>
</CENTER>
</body>
</html>
0 komentar:
Posting Komentar