Warung Bebas
kc17

Rabu, 07 November 2012

Cara Membuat Kalkulator Sederhana Dengan HTML

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, contoh kalkulatornya seperti di bawah ini.



Oke deh... jika sobat ingin menampilkanya buat komputer sendiri atau mau di poosting di blog, silahkan sob, copy code HTML nya 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, 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....

By: Acek prakasa ( http://prakasasion.blogspot.com )

0 komentar em “Cara Membuat Kalkulator Sederhana Dengan HTML”

Posting Komentar

Adversite

 

YHS Rider_Community Copyright © 2012 Fast Loading -- Powered by Blogger