JavaScript编写简单的计算器

本文实例讲述了Java脚本语言编写简单计算器的代码。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下

！DOCTYPE html html lang=' en ' head meta charset=' utf-8 ' title计算器/标题样式/*基本重置*/* { 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/head dydiv 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 '-第四排-输入类型='button' id=' 0 ' onclick=' jsq(这。' id)'值=“0”类=“按钮”输入类型=' button ' id=' 00 ' onclick=' jsq(这。' id)'值='00' class='buttons '输入类型=' 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/body/htmljs代码：

脚本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)；}/脚本一个简单的计算器就是这样实现的，大家也可以利用爪哇岛描述语言编写计算器，希望对大家的学习有所帮助。