首页 > 代码库 > js计算器
js计算器
htm部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>try</title>
<script src="http://www.mamicode.com/js/try.js"></script>
</head>
<body>
<form action="" name="calc">
<table border=1>
<td colspan="4"><input type="text" name="expr" size=30 action="compute(this.form)"></td>
<tr>
<td><input type="button" value="http://www.mamicode.com/7" onclick="enter(this.form,seven)"></td>
<td><input type="button" value="http://www.mamicode.com/8" onclick="enter(this.form,eight)"></td>
<td><input type="button" value="http://www.mamicode.com/9" onclick="enter(this.form,nine)"></td>
<td><input type="button" value="http://www.mamicode.com/" onclick="enter(this.form,divide)"></td>
</tr>
<tr>
<td><input type="button" value="http://www.mamicode.com/4" onclick="enter(this.form,four)"></td>
<td><input type="button" value="http://www.mamicode.com/5" onclick="enter(this.form,five)"></td>
<td><input type="button" value="http://www.mamicode.com/6" onclick="enter(this.form,six)"></td>
<td><input type="button" value="http://www.mamicode.com/*" onclick="enter(this.form,multiply)"></td>
</tr>
<tr>
<td><input type="button" value="http://www.mamicode.com/1" onclick="enter(this.form,one)"></td>
<td><input type="button" value="http://www.mamicode.com/2" onclick="enter(this.form,two)"></td>
<td><input type="button" value="http://www.mamicode.com/3" onclick="enter(this.form,three)"></td>
<td><input type="button" value="http://www.mamicode.com/-" onclick="enter(this.form,minus)"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="http://www.mamicode.com/0" onclick="enter(this.form,zero)"></td>
<td><input type="button" value="http://www.mamicode.com/." onclick="enter(this.form,decimal)"></td>
<td><input type="button" value="http://www.mamicode.com/+" onclick="enter(this.form,plus)"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="http://www.mamicode.com/=" onclick="compute(this.form)"></td>
<td colspan="2"><input type="button" value="http://www.mamicode.com/AC" size=3 onclick="clear()"></td>
</tr>
</table>
</form>
</body>
</html>
JS部分
// document.write("读者你好!<hr>"); /*输出内容*/
function compute(obj){ /*单击等于“=”按钮调用的函数*/
obj.expr.value = http://www.mamicode.com/eval(obj.expr.value);
}; /*用js的eval()方法计算name为expr中的公式。eval(string)计算string的值*/
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.expr.value=http://www.mamicode.com/‘‘;
// location.reload(true);
window.location.reload(true);
};
js计算器