javascript实现简易计算器的代码

来源：阅读：1329 次日期：2016-06-17 15:59:09

温馨提示：小编为您整理了“javascript实现简易计算器的代码”,方便广大网友查阅！

下面小编就为大家带来一篇javascript实现简易计算器的代码小编觉得挺不错的，现在分享给大家，也给大家做个参考。

今天闲来无聊，想写点什么，突然想到用javascript写一个计算器。程序还存在很多的Bug，先在这里记录一下，以后慢慢更正。

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>javascript实现简易计算器的代码_脚本之家</title>

input{

width:30px;

height:20px;

text-align:center;

}

#tbCalculator td

{

text-align:center;

vertical-align:middle;

}

</style>

var result; //保存点击运算符之前输入框中的数值

var operator; //保存运算符

var isPressEqualsKey = false; //记录是否按下”=“键

//数字键事件

function connectionDigital(control)

{

var txt = document.getElementById('txtScream');

if(isPressEqualsKey)

{

txt.value = ""; //已进行过计算，则清空数值输入框重新开始

isPressEqualsKey = false;

}

//数值输入已经存在小数点,则不允许再输入小数点

if(txt.value.indexOf('.') > -1 && control.value == '.')

return false;

txt.value += control.value; //将控件值赋给数值输入框中

}

//退格键事件

function backspace()

{

var txt = document.getElementById('txtScream');

txt.value = txt.value.substring(0,txt.value.length - 1);

}

//ce键事件：清空数字输入框

function clearAll()

{

document.getElementById('txtScream').value = "";

result = "";

operator = "";

}

// +、-、*、/ 事件

function calculation(control)

{

//将运算符保存入全局变量中

operator = control.value;

var txt = document.getElementById('txtScream');

if(txt.value == "")return false; //数值输入框中没有数字，则不能输入运算符

//将数值输入框中的值保存到计算表达式中

result = txt.value;

//清空输入框，以待输入操作值

txt.value = "";

}

//计算结果

function getResult()

{

var opValue;

//计算表达式中存在运算符

var sourseValue = parseFloat(result);

var txt = document.getElementById('txtScream');

if(operator == '*')

opValue = sourseValue * parseFloat(txt.value);

else if(operator == '/')

opValue = sourseValue / parseFloat(txt.value);

else if(operator == '+')

opValue = sourseValue + parseFloat(txt.value);

else if(operator == '-')

opValue = sourseValue - parseFloat(txt.value);

txt.value = opValue;

isPressEqualsKey = true;

result = "";

opValue = "";

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

以上这篇javascript实现简易计算器的代码就是小编分享给大家的全部内容了，希望能给大家一个参考

上一篇：SWFUpload多文件上传及文件个数限制的方法

下一篇：温习Javascript基础语法之词法结构

手机网站地址：javascript实现简易计算器的代码

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！