Cara Membuat Kalkulator Html dan Javascript
Cara Membuat Kalkulator Html dan Javascript
Kalkulator merupakan alat bantu berhitug, yang bermanfaat untuk kegiatan sehari-hari, agar memanimalisir terjadinya kesalahan saat menjumlahkan,mengurangi,membagi dan lain sebagainya.
Kali ini saya akan memberi tau bagai mana cara membuat kalkulator sendiri mengunakan HTML.
- Langkah pertama anda buka notepad /dreamweaper /apa saja untuk mengelola copy script di bawah ini yang berwarna merah :
<html>
<head>
<title>4 operator perhitungan</title>
</head>
<script language="Javascript" type="text/javascript">
<!--
function nilai()
{
if(operator.value=='*')
{c.value=eval(a.value)*eval(b.value);}
else if (operator.value=='/')
{c.value=eval(a.value)/eval(b.value);}
else if (operator.value=='+')
{c.value=eval(a.value)+eval(b.value);}
else if (operator.value=='-')
{c.value=eval(a.value)-eval(b.value);}
}
function kosong()
{
form.a.value=""
form.b.value=""
form.c.value=""
form.operator.value="--choose--"
form.a.focus()
}
//-->
</script>
<body>
<form name="calculator">
<table border="3" cellpadding="2" bordercolor="magenta" bgcolor="silver" cellspacing="2" width="150">
<tr>
<td colspan="4" align="center">KALKULATOR</td></tr>
<td>
<input type="text" size="21.75" length="22" value="" name="ans" style="background:yellow;color:black;">
</td>
</tr>
</table>
<table border="3" cellpadding="2" bordercolor="magenta" cellspacing="2" width="160" bgcolor="silver">
<tr>
<td align="center">
<input type="button" value=" 7 " name="seven" onClick="document.calculator.ans.value+='7'">
</td>
<td align="center">
<input type="button" value=" 8 " name="eight" onClick="document.calculator.ans.value+='8'">
</td>
<td align="center">
<input type="button" value=" 9 " name="nine" onClick="document.calculator.ans.value+='9'">
</td>
<td align="center">
<input type="button" value=" / " name="divide" onClick="document.calculator.ans.value+='/'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" 4 " name="four" onClick="document.calculator.ans.value+='4'">
</td>
<td align="center">
<input type="button" value=" 5 " name="five" onClick="document.calculator.ans.value+='5'">
</td>
<td align="center">
<input type="button" value=" 6 " name="six" onClick="document.calculator.ans.value+='6'">
</td>
<td align="center">
<input type="button" value=" * " name="multiply" onClick="document.calculator.ans.value+='*'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" 1 " name="one" onClick="document.calculator.ans.value+='1'">
</td>
<td align="center">
<input type="button" value=" 2 " name="two" onClick="document.calculator.ans.value+='2'">
</td>
<td align="center">
<input type="button" value=" 3 " name="three" onClick="document.calculator.ans.value+='3'">
</td>
<td align="center">
<input type="button" value=" - " name="subtract" onClick="document.calculator.ans.value+='-'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" C " name="clear" onClick="document.calculator.ans.value=''">
</td>
<td align="center">
<input type="button" value=" 0 " name="zero" onClick="document.calculator.ans.value+='0'">
</td>
<td align="center">
<input type="button" value=" = " name="equal"
onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
</td>
<td align="center">
<input type="button" value=" + " name="add" onClick="document.calculator.ans.value+='+'">
</td>
</tr>
</table>
</form>
</body>
</html>
- Kemudian pastekan di notpad dan simpan dengan nama sesuai keinginan anada...contoh saya kalkulator.html
- kemudian buka paile yang tadi disimpan maka taraaa akan seperti berikut :
SELAMAT MENCOBA...?
KITA BANGGA MEMBUAT KALKULATOR SENDIRI...?
Cara Membuat Kalkulator Html dan Javascript
Post a Comment for "Cara Membuat Kalkulator Html dan Javascript"