用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="js.js" type="text/javascript" language="javascript">
</script>
</head>
<body>
<form>
<input type="button" value="1" onclick = "cal(this.value);"/> <!--调用函数-->
<input type="button" value="2" onclick = "cal(this.value);"/>
<input type="button" value="3" onclick = "cal(this.value);"/>
<input type="button" value="4" onclick = "cal(this.value);"/>
<input type="button" value="+" onclick = "cal(this.value);"/>
<input type="button" value="-" onclick = "cal(this.value);"/>
<input type="button" value="*" onclick = "cal(this.value);"/>
<input type="button" value="/" onclick = "cal(this.value);"/>
<input type="button" value="=" 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; //将最后结果返回给文本框 }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。