Cara Membuat Kalkulator Sederhana - Kalkulator sederhana ini dibuat dengan javascript dan
dijalankan dengan menggunakan browser,
sehingga anda dapat menyimpannya di
lokal komputer atau bisa juga ditampilkan di blog anda.
Anda tinggal copy
paste scriptnya di bawah ini :
<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input"
Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE="
1 "
OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two" VALUE="
2 "
OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three"
VALUE=" 3 " OnClick="Calc.Input.value +=
'3'">
<INPUT TYPE="button" NAME="plus" VALUE="
+ "
OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four" VALUE="
4 "
OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five" VALUE="
5 "
OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six" VALUE="
6 "
OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus"
VALUE=" - " OnClick="Calc.Input.value += ' -
'">
<br>
<INPUT TYPE="button" NAME="seven"
VALUE=" 7 " OnClick="Calc.Input.value +=
'7'">
<INPUT TYPE="button" NAME="eight"
VALUE=" 8 " OnCLick="Calc.Input.value +=
'8'">
<INPUT TYPE="button" NAME="nine" VALUE="
9 "
OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times"
VALUE=" x " OnClick="Calc.Input.value += ' *
'">
<br>
<INPUT TYPE="button" NAME="clear"
VALUE=" c " OnClick="Calc.Input.value =
''">
<INPUT TYPE="button" NAME="zero" VALUE="
0 "
OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt" VALUE="
= "
OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div" VALUE="
/ "
OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>
Untuk ditampilkan di
lokal komputer :
Copas scriptnya
kedalam Notepad kemudian Save as html, misalnya dengan nama file
kalkulator.html save type All Files, kemudian klik Save untuk menyimpan
Buka file
kalkulator.html dengan menggunakan browser mozilla, internet explorer, chrome,
opera.dll
Untuk ditampilkan di
Blog tinggal copas kode di atas ke dalam Gadget HTML/Javascript.
Untuk Blogger
(blogspot) Buka Menu Layout, kemudian pilih Add Gadget di area yang anda
kehendaki, kemudian pilih HTML/ Javascript, dan Pastekan scriptnya.
Semoga bermanfaat........
Tidak ada komentar:
Posting Komentar
Berkomentarlah Seperlunya