javascript实现简单计算器效果【推荐】

最终效果如下图-2,有错误：就是整数后点击%号结果正确，如果小数后面点击%的话结果就错误！其他都正常，求指点：输入的价值是线类型的，在射流研究…中改如何正确处理下图-1中的如果部分？

图-1

图-2

超文本标记语言代码如下

body div id=' calculator ' div class=' LOGO ' span class=' name '简单的计算器/span class=' verson ' @ walker/span/div div id=' shuRu '！-屏幕输入栏- div class='screen '输入类型=' text ' id=' screen name ' name=' screen name ' class=' screen '/div/div id=' keys '！j .-第一排-input type=' button ' id=' 7 ' onclick=' jsq(这。id)值=' 7 ' class=' buttons '输入类型=' button ' id=' 8 ' onclick=' jsq(这。id)值=' 8 '类=' buttons '输入类型=' button ' id=' Back ' onclick=' tuiGe()'值=' Back '类=' buttons '-第二排-输入类型=' button ' id=' 4 ' onclick=' jsq(这。' id)'值='4 '类='按钮'输入类型=' button ' id=' 5 ' onclick=' jsq(这。' id)'值='5 '类='按钮'输入类型=' button ' id=' 6 ' onclick=' jsq(这。' id)'值='6 '类='按钮'输入类型=' button ' id=' * ' onclick=' jsq(这。' id)'值='X '类='-第三排-input type=' button ' id=' 1 ' onclick=' jsq(这。id)值=' 1 ' class=' buttons '输入类型=' button ' id=' 2 ' onclick=' jsq(这。id)值=' 2 ' class=' buttons '输入类型=' buttons '输入类型=' button ' id=' onclick=' jsq(这。id)值=' buttons ' input=' class=' buttons ' input type=' buttons ' id=' onclick=' jsq(这。id)值=' class=' buttons '-第四排-input type=' button ' id=' 0 ' onclick=' jsq(这。id)值=' 0 ' class=' button '输入类型=' button ' id=' 00 ' onclick=' jsq(这。id)值=' 00 ' class=' button '输入类型=' button ' id=' .onclick='jsq(this.id)' value=' . 'class='buttons '输入类型=' button ' id=' % ' onclick=' jsq(这。' id)'值=“%”类=“按钮”输入类型='button' id='eva' onclick='eva()'值='=' class=' buttons ' style=' margin-right :0 px '/div div class=' footer ' span class=' average '欢迎使用Java脚本语言计算器/span span class=' link ' a href=' # ' title='声明target='_blank '反馈/a /span /div/div/bodyCSS代码如下：

样式/*基本重置*/* { margin 33600；划水：0;盒子尺寸：边框盒子；font: 14px Arial，无衬线字体；} html { height :100%；背景色：浅灰色；} #计算器{ margin: 15px auto宽度宽度：330像素高度：400 pxborder: 1px实心浅灰色；背景色color : dark grey padd :15 px }/* LOGO */.LOGO { height:20px}。LOGO .名称{ float:left线高：30 px}.LOGO .verson { float:right线高：30 px}/* screen */# shuRu { margin-top :15 px；}.屏幕{ margin-top :5 px；宽度宽度：300像素高度：40 px文本对齐：右侧；填充-右：10 pxfont-size :20 px} # keys { border:1px纯色浅灰色；height :223 pxmargin-top :25 px；padding:8px } #键。最后{右边距：0像素；}.页脚{ margin-top :20 px；高度：20 px}.页脚。链接{浮动：右} #键。按钮{ float:left宽度： 42px高度： 36px文本对齐：居中；背景-颜色：浅灰色；margin : 0 17px 20px 0 }/style JavaScript代码如下：

脚本var num=0；//定义第一个输入的数据函数jsq(num) { //获取当前输入if(num==' % '){ document。getelementbyid(' screenName ').值=数学。圆形(文件。getelementbyid(' screenName ').值)/100;} else { document。getelementbyid(' screenName ').值=文档。getelementbyid(num ).价值；} }函数eva() { //计算输入结果文件。getelementbyid(' screenName ').value=eval(文档。getelementbyid(' screenName ').值);}函数clearNum() { //清0文档。getelementbyid(' screenName ').值=nulldocument。getelementbyid(' screenName ').焦点();}函数tuiGe() { //退格var arr=文档。getelementbyid(' screenName ')；由…改编值=arr。价值。子字符串(0，arr。价值。长度-1)；}/脚本以上这篇爪哇岛描述语言实现简单计算器效果【推荐】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。