<!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 " onclick="clearAll();"/></td>
<td >
<input type="button" name="clear2" id="clear2" value=" CE " onclick="clearA() "/></td>
</tr>
<tr align="center" valign="middle">
<td><input type="button" name="num7" id="num7" value=" 7 " onclick="getNum('7');" /></td>
<td><input type="button" name="num8" id="num8" value=" 8 " onclick="getNum('8');" /></td>
<td><input type="button" name="num9" id="num9" value=" 9 " onclick="getNum('9');" /></td>
<td><input type="button" name="fuhao" id="fuhao" value=" +/- " /></td>
<td>
<input type="button" name="per" id="per" value=" % " onclick="getPer('%');" /></td>
</tr>
<tr align="center" valign="middle">
<td 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="sum" id="sum" value=" + " onclick="getop('+');"/></td>
<td align="center">
<input type="button" name="reduce" id="reduce" value=" - " onclick="getop('-');" /></td>
</tr>
<tr align="center" valign="middle">
<td 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="cheng" id="cheng" value=" * " onclick="getop('*');"/></td>
<td align="center">
<input type="button" name="chu" id="chu" value=" / " onclick="getop('/');" /></td>
</tr>
<tr align="center" valign="middle">
<td align="center"><input type="button" name="num0" id="num0" value=" 0 " onclick="getNum('0');" /></td>
<td align="center"><input type="button" name="point" id="point" value=" . " onclick="getNum('.');"/></td>
<td> </td>
<td align="center"><input type="button" name="dengyu" id="dengyu" value=" = " onclick="getResult();"/></td>
<td align="center">
<input type="button" name="return" id="return" value="返回" onclick="clearAll();" /></td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
js简洁实用的网页计算器代码是款非常简洁的网页计算器特效
利用HTML做的一个网页计算器，能够实现加减乘除算法，适合入门者学习
Calculator【纯JavaScript实现的网页计算器】.rarCalculator【纯JavaScript实现的网页计算器】.rar
支持键盘输入的在线网页计算器，包含有防下载代码 用法：点一下淡黄色部分即可进行键盘输入运算
js实现网页计算器功能是一款简洁实用，带有时间功能的网页计算器特效代码。
扁平风格加减乘除网页计算器js代码是一款简洁的兼容手机移动端的加减乘除运算计算器网页特效。
学年论文-DHTML技术之网页计算器.pdf
网页计算器，源代码是用php写的，虽然功能不是很强大，但还是能计算的
通过一个简单的网页计算器，我们就可以熟悉struts1的工作流程啦...
这是一个简易的网页计算器，利用HTML5,、CSS3、JavaScript，实现计算器的基本功能。
使用js + html 实现的简单的网页计算器，可以实现加、减、乘、除复杂运算，二进制、八进制、十六进制转换、sin、cos、tan三角函数运算、acos、atan、asin反三角函数运算、开平方、log、随机数生成、指数运算、四舍五...
代码简易，适合入门。
用java，jsp，编写的一个网页计算器，可以实现最基本的数值计算，也可以用HTML编写页面
一款简单好看的html5网页计算器代码，精美的html5 css3计算器样式特效。 js代码 [removed] function s(v) { document.getElementById('res').value = v } function a(v) { document.getElementById('res...
用javascript编写程序，实现简单的网页计算器，包括显示当前时间，清零，加减乘除取模运算等。
简易网页计算器，说简易其实非常实用，外观也可以！特此分享给大家！！
标准型计算器的功能基本上都可以实现，科学型的还未深究、有兴趣者可以加我共同探讨。。。。