简易计算器源码

最新推荐文章于 2024-11-30 14:26:27 发布

ly2422836708

最新推荐文章于 2024-11-30 14:26:27 发布

阅读量755

点赞数

文章标签：源码计算器

本文链接：https://blog.youkuaiyun.com/LY2422836708/article/details/48526205

版权

<!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 " οnclick="clearAll();"/></td>
<td width="98" align="center"><input type="button" name="opc" id="opc" value=" CE " οnclick="clearError();"/></td>
</tr>
<tr>
<td width="75" height="64" align="center"><input type="button" name="num7" id="num7" value=" 7 " οnclick="getNum('7');"/></td>
<td width="83" align="center"><input type="button" name="num8" id="num" value=" 8 " οnclick="getNum('8');"/></td>
<td width="86" align="center"><input type="button" name="num9" id="num9" value=" 9 " οnclick="getNum('9');"/></td>
<td align="center"><input type="button" name="button4" id="button3" value=" +/- " οnclick="getOp('+/-');"/></td>
<td align="center"><input type="button" name="button6" id="button5" value=" % " οnclick="getOp('%');"/></td>
</tr>
<tr>
<td height="66" align="center"><input type="button" name="num4" id="num4" value=" 4 " οnclick="getNum('4');"/></td>
<td align="center"><input type="button" name="num5" id="num5" value=" 5 " οnclick="getNum('5');"/></td>
<td align="center"><input type="button" name="num6" id="num6" value=" 6 "οnclick="getNum('6');" /></td>
<td align="center"><input type="button" name="button10" id="button9" value=" + " οnclick="getOp('+');"/></td>
<td align="center"><input type="button" name="button11" id="button10" value=" - " οnclick="getOp('-');"/></td>
</tr>
<tr>
<td height="54" align="center"><input type="button" name="num1" id="num1" value=" 1 " οnclick="getNum('1');"/></td>
<td align="center"><input type="button" name="num2" id="num2" value=" 2 "οnclick="getNum('2');" /></td>
<td align="center"><input type="button" name="num3" id="num3" value=" 3 "οnclick="getNum('3');" /></td>
<td align="center"><input type="button" name="button15" id="button14" value=" * " οnclick="getOp('*');"/></td>
<td align="center"><input type="button" name="button16" id="button15" value=" / " οnclick="getOp('/');" /></td>
</tr>
<tr>
<td height="49" align="center"><input type="button" name="num10" id="num10" value=" 0 "οnclick="getNum('0');" /></td>
<td align="center"><input type="button" name="button18" id="button17" value=" . " οnclick="getNum('.');"/></td>
<td> </td>
<td align="center"><input type="button" name="button19" id="button18" value=" = " οnclick="calc();"/></td>
<td align="center"><input type="button" name="button20" id="button19" value=" 返回 " οnclick="back();"/></td>
</tr>
</table>
</form>
</body>
</html>