简易计算器源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算器</title>
<script>
var initData="";
var lastop = "";
var num1 = 0;
var num2 = 0;

function getNum(num){
initData+=num;
showData(initData);}
function getOp(op){
lastop = op;//保存最后点击的符号
//保存第一个数
if(initData!=""){

num1 = parseFloat(initData);
initData = "";
}

}
//计算
function calc(){
//1第一个数：num1

//2符号lastop

//3第二个数
num2 = parseFloat(initData);
//4计算
var result = 0;
initData="";
switch(lastop){
case '+':result = num1 + num2;break;
case '-':result = num1 - num2;break;
case '*':result = num1 * num2;break;
case '/':result = num1 / num2;break;
case '%':result = num1 % num2;

}
//显示result
showData(result);
}
function clearAll(){
initData="";
lastop = "";
num1 = 0;
num2 = 0;
opflag = 0;
showData(initData);
}
function clearError(){
initData = initData.substring(0,initData.length-1);
showData(initData);
}
function back(){
initData = initData.substring(initData.length);
showData(initData);
}

//显示数据
function showData(data){
document.getElementById("result").value = data;
}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="467" border="1" align="center">
<tr>
<td height="67" colspan="3" align="center"><label for="shuru"></label>
<input type="text" name="result" id="result" width="180" height="30" align=""/></td>
<td width="91" align="center"><input type="button" name="opc" id="opc" value=" C " onclick="clearAll();"/></td>
<td width="98" align="center"><input type="button" name="opc" id="opc" value=" CE " onclick="clearError();"/></td>
</tr>
<tr>
<td width="75" height="64" align="center"><input type="button" name="num7" id="num7" value=" 7 " onclick="getNum('7');"/></td>
<td width="83" align="center"><input type="button" name="num8" id="num" value=" 8 " onclick="getNum('8');"/></td>
<td width="86" align="center"><input type="button" name="num9" id="num9" value=" 9 " onclick="getNum('9');"/></td>
<td align="center"><input type="button" name="button4" id="button3" value=" +/- " onclick="getOp('+/-');"/></td>
<td align="center"><input type="button" name="button6" id="button5" value=" % " onclick="getOp('%');"/></td>
</tr>
<tr>
<td height="66" align="center"><input type="button" name="num4" id="num4" value=" 4 " onclick="getNum('4');"/></td>
<td align="center"><input type="button" name="num5" id="num5" value=" 5 " onclick="getNum('5');"/></td>
<td align="center"><input type="button" name="num6" id="num6" value=" 6 "onclick="getNum('6');" /></td>
<td align="center"><input type="button" name="button10" id="button9" value=" + " onclick="getOp('+');"/></td>
<td align="center"><input type="button" name="button11" id="button10" value=" - " onclick="getOp('-');"/></td>
</tr>
<tr>
<td height="54" align="center"><input type="button" name="num1" id="num1" value=" 1 " onclick="getNum('1');"/></td>
<td align="center"><input type="button" name="num2" id="num2" value=" 2 "onclick="getNum('2');" /></td>
<td align="center"><input type="button" name="num3" id="num3" value=" 3 "onclick="getNum('3');" /></td>
<td align="center"><input type="button" name="button15" id="button14" value=" * " onclick="getOp('*');"/></td>
<td align="center"><input type="button" name="button16" id="button15" value=" / " onclick="getOp('/');" /></td>
</tr>
<tr>
<td height="49" align="center"><input type="button" name="num10" id="num10" value=" 0 "onclick="getNum('0');" /></td>
<td align="center"><input type="button" name="button18" id="button17" value=" . " onclick="getNum('.');"/></td>
<td> </td>
<td align="center"><input type="button" name="button19" id="button18" value=" = " onclick="calc();"/></td>
<td align="center"><input type="button" name="button20" id="button19" value=" 返回 " onclick="back();"/></td>
</tr>
</table>
</form>
</body>
</html>

猜你喜欢