html js php计算器代码,javascript实现简易计算器的代码

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

代码如下：

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

input{

width:30px;

height:20px;

text-align:center;

}

#tbCalculator td

{

text-align:center;

vertical-align:middle;

}

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 = "";

}

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

更多javascript实现简易计算器的代码相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！