首页 > 代码库 > 用js 写计算器
用js 写计算器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv = "content-type" content="text/html;charset=utf-8"/>
<script src="http://www.mamicode.com/js.js" type="text/javascript" language="javascript">
</script>
</head>
<body>
<form>
<input type="button" value="http://www.mamicode.com/1" onclick = "cal(this.value);"/> <!--调用函数-->
<input type="button" value="http://www.mamicode.com/2" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/3" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/4" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/+" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/-" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/*" onclick = "cal(this.value);"/>
<input type="button" value="http://www.mamicode.com/" onclick = "cal(this.value);"/>
<input type="button" valuehttp://www.mamicode.com/="=" onclick = "cal(this.value);"/><br />
<input type = "text" id = "text" name = "text" />
</form>
</body>
</html>
///js.js
function cal(value){
var text = document.getElementById("text").value;
var last = text.charAt(text.length-1);// 获得文本框中的最后一个元素
if(text == null){
text = "";
}else{
if((value == "+")||(value == "-")||(value == "*")||(value == "/")){//输入的是 + - / *
if((last == "+")||(last == "-")||(last == "*")||(last == "/")){//文本框中的最后一个元素是 + - * / 在输入 + - / * 时提示出错
alert("输入不正确");
}else{//文本框中的最后一个元素是 + - * / 再输入数字时会添加到后面
text += value;
}
}else if(value == "="){//输入的是=
if((last == "+")||(last == "-")||(last == "*")||(last == "/")){ //输入的是= ， 当最后一个元素是+ - * / 时， 不能计算 ，只显示除最后符号号的数
text = text.substring(0,text.length-1);
}else{//输入的是= 最后一个是数字 可以计算
text = eval(text); ///使用eval(str) 计算
}
}else{//输入的是数字 直接显示
text += value;
}
}
document.getElementById("text").value = text; //将最后结果返回给文本框
}