javascript白色简洁计算器

本文中计算器代码很简单，你可以很容易把该网页特效应用到你的项目中。

超文本标记语言

首先我们在网页上放置一个输入框及多个计算器按钮。

div id='计算器'输入类型='text' id='input-box '值=' 0 ' size=' 21 ' maxlength=' 21 ' readonly=' readonly '/div id=' BTN-list ' div onclick='运算符(“清除”)“颜色=”BTN-30 BTN-半径颜色-红色清除-左边距“C/div onclick=”运算符('相反)'=' BTN-30 BTN-半径颜色-蓝色'/-/div onclick='运算符('退格')' class=' BTN-70 BTN-半径颜色-蓝色' %/div onclick='运算符(“后排空间”) onclick=' type to put(' 6 ')' class=' BTN-30 BTN-radius ' 6/div onclick='运算符('乘法)' BTN-30 BTN-半径颜色-蓝色字体-14 '/div onclick='运算符(' divide ')' class=' BTN-30 BTN-半径color-blue font-12 '=' div onclick=' type to input(' 1 ')' class=' BTN-30 BTN-半径clear-marginlen ')class=' BTN-30 BTN-半径' . /div/onclick='运算符(' result ')' class=' BTN-70 BTN-半径颜色-红色字体-14 '=/div/div/div js

根据操作类型作相应操作：

函数运算符（类型){ switch(类型){ case ' clear ' :输入。值=' 0 '；_ string。长度=0；/*document.getElementById('ccc ').innerHTML=for(I=0；i _ string.lengthI){ document。getelementbyid(' CCC ').innerHTML=_ string[I]' ' } */break；case ' back space ' : if(检查num(输入。值)！=0){输入。值=输入。价值。替换(/).$/, '');if(输入。value==' '){ input。值=' 0 '；} }休息如果(checknum(input.value)！=0){输入。值=-输入。价值；} break case“percent”: if(检查num(输入。值)！=0){输入。值=输入。值/100；} breakcase ' pow ' : if(检查num(输入。值)！=0){输入。值=数学。功率(输入。值，2)；} breakcase ' sqrt ' : if(检查num(输入。值)！=0){输入。值=数学。sqrt(输入。值)；} breakcase ' plus ' : if(检查num(输入。值)！=0){ _ string。按压(输入。值)；_ type=' plus ' input . value=input . name=' type } break大小写"减" : if (checknum(input.value)！=0){ _ string。按压(输入。值)；_type='减输入。value='-'；input . name=' type } break case ' multiply ' : if(check num(input。值)！=0){ _ string。按压(输入。值)；_ type=“乘法”输入。value=''；input . name=' type } break case ' divide ' : if(check num(input。值)！=0){ _ string。按压(输入。值)；_ type=' divide ' input . value=input . name=' type } break case ' result ' : if(check num(input。值)！=0){ _ string。按压(输入。值)；if (parseInt(_string.length) % 2！=0){ _ string。push(_ string[_ string。length-2])} if(_ type==' plus '){ input。value=parseFloat(result(_ string)[0])parseFloat(result(_ string)[1])；输入。name=' type ' } else if(_ type=='减){输入。value=parseFloat(result(_ string)[0])-parseFloat(result(_ string)[1])；输入。name=' type ' } else if(_ type==' multiply '){ input。value=parseFloat(result(_ string)[0])* parseFloat(result(_ string)[1])；输入。name=' type ' } else if(_ type==' divide '){ input。value=parseFloat(result(_ string)[0])/parseFloat(result(_ string)[1])；input.name=' type ' } break} } }以上所述就是本文的全部内容了，希望大家能够喜欢。