JavaScript 在线计算器
<!DOCTYPE HTML>
<html>
<body>
<p>JS计算器</p>
<p>快捷键：等于（回车）；清空（ESC）；小键盘</p>
<style><!--
.tdBtn input
{
width:50px;
font-weight:bold;
margin:1px;
font-size:16px;
}
.tdExtBtn input
{
height:60px;
line-height:60px;
}
--></style>
<script type="text/javascript">// <![CDATA[
function getObj(id)
{
return document.getElementById(id);
}
function pageLoad()
{
var inputs = document.getElementById('trCalc').getElementsByTagName('input');
for(var i=0; i<inputs.length; i++)
{
if(inputs[i].type == 'button')
{
inputs[i].onclick = btn_onclick;
}
}
getObj('txt').focus();
getObj('txt').value = '0';
}
function btn_onclick()
{
var txt = getObj('txt');
showText(this.value);
}
function keyDown(evt)
{
evt = evt || window.event;
switch(evt.keyCode)
{
case 13:
showText('等于');
evt.returnValue = false;
break;
case 27:
showText('清空');
evt.returnValue = false;
break;
case 107:
showText('+');
evt.returnValue = false;
break;
case 109:
showText('-');
evt.returnValue = false;
break;
case 106:
showText('*');
evt.returnValue = false;
break;
case 111:
showText('/');
evt.returnValue = false;
break;
case 110:
showText('.');
evt.returnValue = false;
break;
default:
if(txt.value == '0')
{
txt.value = '';
}
break;
}
}
var value = 0;
var op = '';
function showText(str)
{
var spanOp = getObj('spanOp');
if('0123456789.'.indexOf(str) != -1)
{
if(txt.value == '0')
{
txt.value = '';
}
txt.value += str;
return;
}
if(str == '+/-')
{
if(txt.value.indexOf('-') == 0)
{
txt.value = txt.value.substr(1);
}
else
{
txt.value = '-' + txt.value;
}
return;
}
if('+-*/'.indexOf(str) != -1)
{
if(txt.value == '0' && str == '/')
{
alert('除零错误！');
return;
}
eval('value ' + op + '= ' + txt.value);
txt.value = '0';
op = str;
spanOp.innerHTML = op;
return;
}
if(str == '等于' || str == '=')
{
if(op != '')
{
eval('value ' + op + '= ' + txt.value);
op = '';
spanOp.innerHTML = '';
}
txt.value = value;
}
if(str == '清空')
{
txt.value = '0';
value = 0;
op = '';
spanOp.innerHTML = '';
}
}
// ]]></script>
<div>
<table>
<tbody>
<tr>
<td colspan="2"><input id="txt" style="font-size: 23px; font-weight: bold; color: blue; text-align: right; ime-mode: disabled; width: 255px;" onkeydown="keyDown(event);" type="text" /> <span id="spanOp"> </span></td>
</tr>
<tr id="trCalc">
<td class="tdBtn">
<input type="button" value="7" />
<input type="button" value="8" />
<input type="button" value="9" />
<input type="button" value="+" /><br />
<input type="button" value="4" />
<input type="button" value="5" />
<input type="button" value="6" />
<input type="button" value="-" /><br />
<input type="button" value="1" />
<input type="button" value="2" />
<input type="button" value="3" />
<input type="button" value="*" /><br />
<input type="button" value="0" />
<input type="button" value="+/-" />
<input type="button" value="." />
<input type="button" value="/" />
</td>
<td class="tdExtBtn">
<input type="button" value="清空" /><br />
<input type="button" value="等于" />
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
pageLoad();
</script>
</body>
</html>
相关推荐
一组精典JavaScript计算器 一组精典JavaScript计算器 一组精典JavaScript计算器
html编写网页使用计算器 语言：javascript
==javaScript 计算器 function getResult(type){ if(checkData(type)==false){ return ; } var num1=parseFloat(document.jisuanqi.num1.value); var num2=parseFloat(document.jisuanqi.num2.value); ...
采用Javascript写成，可跨平台运行。无需WEB服务器，可以直接在浏览器上运行，支持小数运算。
javascript 计算器 源代码
HTML+JAVAScript计算器
javascript 计算器 源代码 学习
实现web程序设计的Javascript计算器功能。
JavaScript 计算器 小数正数以及除数是否为零的判断，数字的合理性判断
JavaScript计算器(第三代)
JavaScript计算器的实现 4 计算器 4.1 问题 1）做一个完整的计算器 2）使用 event 对象简化简单计算器的界面设计及实现 4.2 方案 使用event对象： var obj = e.srcElement || e.target; 4.3 步骤 实现此案例需要按照...
本人学习js时编写的一个计算器，不是很完整，希望对大家能有所帮助。
这是一个做的很好的javascript计算器 有需要的可以下载来参考