 |
| Program Kalkulator Dengan Javascript HTML |
Assalamu'allaikum , pada post kali ini saya akan membagikan source code dari program Kalkulator yang menggunakan Javascript yang berbasis HTML ,
Berikut source code-nya :
Berikut source code-nya :
<html>
<head>
<title>Kalkulator Sederhana</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
}
</SCRIPT>
<style type="text/css">
</style>
</head>
<body>
<h2 align="left" class="style1"> <blink> Program Kalkulator </blink> </h2>
<FORM name="form">
<table border="0" align="left">
<tr>
<td width="234" height="170" valign="left"><p>Angka 1
<input type="double" name="a">
<br>
Angka 2
<input type="double" name="b">
<br>
<br>
<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()">
<input name="Hapus" type="reset" id="Hapus" value="Hapus">
</label>
<br>
<br>
<b>Hasil</b> <input type "double" name="hasil">
</td>
</tr>
</table>
</FORM>
</body>
</html>
<head>
<title>Kalkulator Sederhana</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
}
</SCRIPT>
<style type="text/css">
</style>
</head>
<body>
<h2 align="left" class="style1"> <blink> Program Kalkulator </blink> </h2>
<FORM name="form">
<table border="0" align="left">
<tr>
<td width="234" height="170" valign="left"><p>Angka 1
<input type="double" name="a">
<br>
Angka 2
<input type="double" name="b">
<br>
<br>
<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()">
<input name="Hapus" type="reset" id="Hapus" value="Hapus">
</label>
<br>
<br>
<b>Hasil</b> <input type "double" name="hasil">
</td>
</tr>
</table>
</FORM>
</body>
</html>
Terima kasih , semoga bermanfaat
Wassalamu'allaikum Wr Wb
Wassalamu'allaikum Wr Wb
Advertisement
EmoticonEmoticon