Home » » Menampilkan Calkulator Sederhana di Blog

Menampilkan Calkulator Sederhana di Blog

Written By Unknown on Jumat, 14 Desember 2012 | 03.09


Postingan kali ini kita akan membahas bagaimana car menampilkan kalkulator di blog kesayangan kita atau kita pengin membuat untuk komputer kita.
Tanpa banyak bosa-basi, berikut caranya:

Untuk ditampilkan Calkulator di Blog tinggal copas kode di bawah ini 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.



<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>


Jika kita pengin menampilkan ke computer kita 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


Semoga bermanfaat


Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Tips dan Trik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger