Hesap Makinesi-1
Sayfanızda hesap makinesi kullanmak isteyenlere güzel bir örnek.
ÖRNEK
<SCRIPT LANGUAGE = "JavaScript"> <!-- Hide var plus = '+'; var minus = '-'; var multiply = '*'; var divide = '/'; var decimal = '.'; function calculate(arg){ arg.expr.value = eval(arg.expr.value) } function enter(arg, string){ arg.expr.value += string } function clear_field(arg){ arg.expr.value = ' ' } //end hiding --> </SCRIPT> <style> .formum {border:1px outset rgb(30,30,30); align:center;} .input {cursor:hand;} </style>
<form> <table border=1 bordercolor="#000000" bgcolor="#ADC4C9"> <tr><td bgcolor=lightslategray colspan=4 align=center class="formum"> <font size=-1 color=#ffffff face="Verdana">Hesap Makinesi</font></td> </tr> <tr> <td colspan=4><input type="text" name="expr" size=20 action="calculate(this.form)"></td> </tr> <tr> <td bgcolor=#566F76 class="formum" align="center"><input type="button" value=" C " onClick="clear_field(this.form)" class="input"></td> <td bgcolor=#566F76 class="formum" align="center"><input type="button" value=" = " onClick="calculate(this.form)" class="input"></td> <td bgcolor=#566F76 class="formum" align="center"><input type="button" value=" / " onClick="enter(this.form,divide)" class="input"></td> <td bgcolor=#566F76 class="formum" align="center"><input type="button" value=" * " onClick="enter(this.form,multiply)" class="input"></td> </tr> <tr> <td class="formum" align="center"><input type="button" value=" 7 " onClick="enter(this.form, 7)" class="input"></td> <td class="formum" align="center"><input type="button" value=" 8 " onClick="enter(this.form, " class="input"></td> <td class="formum" align="center"><input type="button" value=" 9 " onClick="enter(this.form, 9)" class="input"></td> <td bgcolor=#566F76 class="formum" align="center"> <input type="button" value=" - " onClick="enter(this.form,minus)" class="input"></td> </tr> <tr> <td class="formum" align="center"><input type="button" value=" 4 " onClick="enter(this.form, 4)" class="input"></td> <td class="formum" align="center"><input type="button" value=" 5 " onClick="enter(this.form, 5)" class="input"></td> <td class="formum" align="center"><input type="button" value=" 6 " onClick="enter(this.form, 6)" class="input"></td> <td bgcolor=#566F76 class="formum" align="center"><input type="button" value=" + " onClick="enter(this.form,plus)" class="input"></td> </tr> <tr> <td class="formum" align="center"><input type="button" value=" 1 " onClick="enter(this.form, 1)" class="input"></td> <td class="formum" align="center"><input type="button" value=" 2 " onClick="enter(this.form, 2)" class="input"></td> <td class="formum" align="center"><input type="button" value=" 3 " onClick="enter(this.form, 3)" class="input"></td> <td bgcolor=#566F76 rowspan=2 class="formum" align="center"><input class="input" type="button" value=" E "onClick="calculate(this.form)"></td> </tr> <td align=center colspan=2 class="formum" align="center"><input type="button"value=" 0 " onClick="enter(this.form, 0)"></td> <td align=center class="formum" align="center"><input class="input" type="button" value=" . " onClick="enter(this.form,decimal)"></td> </tr></table> </form>
Copyright © 2002-2004 www.javascriptbankasi.com.tr.tc
Mail:javascriptbankasi@hotmail.com