网页计算器

最新推荐文章于 2024-07-07 23:10:31 发布

iteye_8011

最新推荐文章于 2024-07-07 23:10:31 发布

阅读量135

点赞数

分类专栏： JavaWeb 文章标签： xhtml

本文链接：https://blog.csdn.net/iteye_8011/article/details/82640424

版权

JavaWeb 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!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 num2=0;//第二个计算数
var num1=0;//第一个计算数

function getNum(num){
initData+=num;
showData(initData);
}
//在文本框中显示输入数据
function showData(data){

document.getElementById("result").value=data;
temp=document.getElementById("result").value;

}
//获得操作符
function getop(op){
lastop= op;
//alter(lastop);
num1 = parseFloat(initData);//将初始数据转成整数并保存
//alert(num1);
initData="";//将initData初始化，目的保存第二个数
}
//获得结果
function getResult(){

//第一个数 num1
//第二个数转换initData
num2=parseFloat(initData);
initData="";
//最后的符号lastop
//计算结果
result =calc(num1,num2,lastop);

}
function calc(num1,num2,lastop){
var result=0;
switch(lastop){
case '+':result = num1 + num2;break;
case '-':result = num1 - num2;break;
case '*':result = num1 * num2;break;
case '/':
if (num2==0)
return;
else result = num1 / num2;
break;
}
showData(result);
}
function clearAll(){
initData="";
lastop="";
var num1=0;
var num2=0;
showData(initData);
}
function clearA(){
initData=initData.substring(0,initData.length-1);
//alert(initData);
showData(initData);
}
function getPer(per){
initData=initData*0.01;
showData(initData);
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="500" border="1" >
<tr align="center" valign="middle">
<td colspan="3"><input type="text" id="result" value="" /></td>
<td><input type="button" name="clear" id="clear" value=" C " οnclick="clearAll();"/></td>
<td >
<input type="button" name="clear2" id="clear2" value=" CE " οnclick="clearA() "/></td>
</tr>
<tr align="center" valign="middle">
<td><input type="button" name="num7" id="num7" value=" 7 " οnclick="getNum('7');" /></td>
<td><input type="button" name="num8" id="num8" value=" 8 " οnclick="getNum('8');" /></td>
<td><input type="button" name="num9" id="num9" value=" 9 " οnclick="getNum('9');" /></td>
<td><input type="button" name="fuhao" id="fuhao" value=" +/- " /></td>
<td>
<input type="button" name="per" id="per" value=" % " οnclick="getPer('%');" /></td>
</tr>
<tr align="center" valign="middle">
<td 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="sum" id="sum" value=" + " οnclick="getop('+');"/></td>
<td align="center">
<input type="button" name="reduce" id="reduce" value=" - " οnclick="getop('-');" /></td>
</tr>
<tr align="center" valign="middle">
<td 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="cheng" id="cheng" value=" * " οnclick="getop('*');"/></td>
<td align="center">
<input type="button" name="chu" id="chu" value=" / " οnclick="getop('/');" /></td>
</tr>
<tr align="center" valign="middle">
<td align="center"><input type="button" name="num0" id="num0" value=" 0 " οnclick="getNum('0');" /></td>
<td align="center"><input type="button" name="point" id="point" value=" . " οnclick="getNum('.');"/></td>
<td> </td>
<td align="center"><input type="button" name="dengyu" id="dengyu" value=" = " οnclick="getResult();"/></td>
<td align="center">
<input type="button" name="return" id="return" value="返回" οnclick="clearAll();" /></td>
</tr>
</table>
</form>
</body>
</html>

iteye_8011

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页计算器

网页计算器var initData="";//初始数据var lastop="";//定义最后一个操作符var num2=0;//第二个计算数var num1=0;//第一个计算数function getNum(num){ initData+=num; showData(initData); }//在文本框中显示输入数据 func...
复制链接

扫一扫