JavaScript实例技巧精选(9)—计算器实例1

>>点击这里下载完整html源码<<

这是截图:

利用Javascript和html实现的一个计算器实例，核心代码如下：

<script language="JavaScript">

<!-- Hide the script from old browsers --

function compute(obj) 

   {obj.expr.value = eval(obj.expr.value)}

var one = '1'

var two = '2'

var three = '3'

var four = '4'

var five = '5'

var six = '6'

var seven = '7'

var eight = '8'

var nine = '9'

var zero = '0'

var plus = '+'

var minus = '-'

var multiply = ''

var divide = '/'

var decimal = '.'

function enter(obj, string) 

   {obj.expr.value += string}

function clear(obj) 

   {obj.expr.value = ''}

// --End Hiding Here -->

</script>

<form name="calc">

<table border=1>

<td colspan=4><input type="text" name="expr" size=30 action="compute(this.form)"> <tr>

<td><input type="button" value="  7  " onClick="enter(this.form, seven)">

<td><input type="button" value="  8  " onClick="enter(this.form, eight)">

<td><input type="button" value="  9  " onClick="enter(this.form, nine)">

<td><input type="button" value="   /  " onClick="enter(this.form, divide)">

<tr><td><input type="button" value="  4  " onClick="enter(this.form, four)">

<td><input type="button" value="  5  " onClick="enter(this.form, five)">

<td><input type="button" value="  6  " onClick="enter(this.form, six)">

<td><input type="button" value="    " onClick="enter(this.form, multiply)">

<tr><td><input type="button" value="  1  " onClick="enter(this.form, one)">

<td><input type="button" value="  2  " onClick="enter(this.form, two)">

<td><input type="button" value="  3  " onClick="enter(this.form, three)">

<td><input type="button" value="   -  " onClick="enter(this.form, minus)">

<tr><td colspan=2><input type="button" value="       0       " onClick="enter(this.form, zero)">

<td><input type="button" value="   .  " onClick="enter(this.form, decimal)">

<td><input type="button" value="  +  " onClick="enter(this.form, plus)">

<tr><td colspan=2><input type="button" value="   =   " onClick="compute(this.form)">

<td colspan=2><input type="button" value="AC" size= 3 onClick="clear(this.form)"> </table>

</form>