Cara Membuat Kalkulator Sederhana dengan HTML

Cara Membuat Kalkulator Sederhana dengan HTML - INI-CARANYA akan membahas mengenai 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.


Bsa dilihat disini

Oke deh... jika sobat ingin menampilkanya buat komputer sendiri atau mau di poosting di blog, silahkan sob, copy code HTML nya di bawah ini :

Code:

=========================================================== 
<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....Cara Membuat Kalkulator Sederhana Dengan HTML

 

sy benahin dikit lain kali

sy benahin dikit postingannya lain kali kalau mau share code html/javascript pakai tombol code di sebelah kiri tombol video di forum ini biar kodenya bisa nongol

 

mantab !! tapi mending beli

mantab !! tapi mending beli kalkulator siap pake, hehehee

 

wphoet wrote:

Ok gan.

 

ntar coba ah kayaknya seru

ntar coba ah kayaknya seru juga bermain kode2 html

 

ijin coba ya gan.. udah lama

ijin coba ya gan.. udah lama gak mainan html

 

wkwkw ia boleh juga saya coba .

 

Di hp saya jg udh ada aplikasi kalkulator gan.. mantap

 

Tapi widget gtuan dipasang dstus kayaknya kurang enak dh gan. :v mendingan pasang iklan aja

 

makasih nih, cara buat kalkulatornya. bisa dicoba juga, hehe

 

Kren gan, asli kren hha

 

Boleh ni saya coba buah ngitung gaji karyawan

 

wkwkwk bener juga ya gan . jadi lebih praktis

 

wahh, boleh di coba nih