Membuat calculator dengan javascript

Ya masih berkutat dengan javascript, kemarin saya bareng mas joy nyoba-nyoba bikin kalkulator sederhana dengan javascript.. wah.. sampai jungkir balik, tapi akhirnya jadi juga, walau juga ga mudeng c sebenernya he..he.., sebenernya pengin tak pasang sekalian tapi kok ga bisa y? jadi ya tak tampilin source code-nya saja.. untuk tampilan dan hasil bisa dicoba sendiri di rumah..
Berikut ini kodenya, tinggal copy paste aja kok.. trus dipelajari yah..
Ketik ctrl+a pada script dibawah ini lakun ketik ctrl+c untuk mengcopy

<br />
<script LANGUAGE=”JavaScript”>
<!– Begin
function angka(angka){
if (document.myform.tanda.value == 0){
var sebelum = document.myform.display.value
var kalisepuluh = sebelum * 10
document.myform.display.value = kalisepuluh + angka
}else{
document.myform.display.value = angka
document.myform.tanda.value = 0
}
}
function hapus(){
document.myform.display.value = 0
document.myform.simpan.value = 0
document.myform.tanda.value = 0
document.myform.operasi.value = ”
}

function Operation(operator){

if (document.myform.operasi.value != ”){
if (document.myform.operasi.value == ‘+’){
document.myform.display.value = document.myform.display.value *1 + document.myform.simpan.value*1
document.myform.simpan.value = document.myform.display.value
}else if (document.myform.operasi.value == ‘-’){
document.myform.display.value = document.myform.simpan.value*1 – document.myform.display.value *1
document.myform.simpan.value = document.myform.display.value
}else if (document.myform.operasi.value == ‘*’){
document.myform.display.value = document.myform.display.value *1 * document.myform.simpan.value*1
document.myform.simpan.value = document.myform.display.value
}else if (document.myform.operasi.value == ‘/’){
document.myform.display.value = document.myform.simpan.value*1 / document.myform.display.value *1
document.myform.simpan.value = document.myform.display.value
}
}
document.myform.simpan.value = document.myform.display.value
document.myform.operasi.value = operator
document.myform.tanda.value = 1
// End –>
}
</script><br />
<div align=”center”><font color=”#0000c0″ size=”1″><br />
<form name=”myform” action=”"><!– Original: http://www.dhaploen.wordpress.com –><br />
<table><b> <table border=2 width=60 height=60 cellpadding=1 cellspacing=5></TABLE><tr> <td colspan=4 align=middle><br />
<input name=”display” type=”Text” size=22 value=”0″ width=100%><br />
</TD> </TR>
<tr> <td><br />
<input name=”btn7″ type=”Button” value=” 7 ” onclick=”angka(7)”><br />
</TD> <td><br />
<input name=”btn8″ type=”Button” value=” 8 ” onclick=”angka(8)”><br />
</TD> <td><br />
<input name=”btn9″ type=”Button” value=” 9 ” onclick=”angka(9)”><br />
</TD> <td><br />
<input name=”btnTambah” type=”Button” value=” + ” onclick=”Operation(‘+’)”><br />
<input name=”tanda” type=”hidden” id=”tanda” value=”0″ /><br />
</TD> </TR>
<tr> <td><br />
<input name=”btn4″ type=”Button” value=” 4 ” onclick=”angka(4)”><br />
</TD> <td><br />
<input name=”btn5″ type=”Button” value=” 5 ” onclick=”angka(5)”><br />
</TD> <td><br />
<input name=”btn6″ type=”Button” value=” 6 ” onclick=”angka(6)”><br />
</TD> <td><br />
<input name=”btnKurang” type=”Button” value=” – ” onclick=”Operation(‘-’)”><br />
<input name=”operasi” type=”hidden” id=”operasi” /><br />
</TD> </TR>
<tr> <td><br />
<input name=”btn1″ type=”Button” value=” 1 ” onclick=”angka(1)”><br />
</TD> <td><br />
<input name=”btn2″ type=”Button” value=” 2 ” onclick=”angka(2)”><br />
</TD> <td><br />
<input name=”btn3″ type=”Button” value=” 3 ” onclick=”angka(3)”><br />
</TD> <td><br />
<input name=”btnBagi” type=”Button” value=” * ” onclick=”Operation(‘*’)”><br />
<input name=”simpan” type=”hidden” id=”simpan” value=”0″ /><br />
</TD> </TR>
<tr> <td><br />
<input name=”btn0″ type=”Button” value=” 0 ” onclick=”angka(0)”><br />
</TD> <td><br />
<input name=”btnsamadengan” type=”Button” value=” = ” onclick=”Operation(‘=’)”><br />
</TD> <td><br />
<input name=”btnClear” type=”Button” value=” C ” onclick=”hapus()”><br />
</TD> <td><br />
<input name=”btnBagi” type=”Button” value=” / ” onclick=”Operation(‘/’)”><br />
</TD> </TR>
</FONT>  </TABLE></B><br />
</form><br />
</div><br />

Membuat calculator dengan javascript

Belum ada tanggapan untuk "Membuat calculator dengan javascript"