javascript编写简易计算器

本文实例为大家分享了射流研究…简易计算器的具体代码，供大家参考，具体内容如下

代码如下

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题简易计算器/title style type=' text/CSS ' * { margin :0；padd : 0；} .内容{宽度： 300像素高度： 400像素；余量： 50px自动；背景# CBC6C6border:1px固体# 139 EB7 BOx-shadow :-5px-5px 5px # 565454；边框半径： 15px} # toptext { width: 280px高度： 50px余量： 10px自动；页边距-左侧： 9px线高： 50px边框半径： 15px文本对齐：右侧；font-size : 24pxborder: 1px #F0D711固体；} .btns { width : 280 pxh three : 300 pxmargin 3360 10px自动；} .btns输入{ width: 50pxmargin: 10px高度： 60px向左浮动：font-size : 24px线高： 60px边框半径： 10px转换-原始：左上角；背景技术：线性渐变（向右，#0df60d，红色);} .btns输入：悬停{背景：线性渐变（向左，#0df60d，红色);变压器： 旋转(15 );}/style/head body div class=' content ' input type=' text ' id=' toptext ' div class=' btns ' input type=' button ' value=' 1 ' class=' num ' input type=' button ' value=' 2 ' class=' num ' input type=' button ' value=' 3 ' class=' num ' input type=' button ' value=class=' jisuan '输入类型=' button '值=' 4 ' class=' num '输入类型=' button '值=' 5 ' class=' num ' var clear=document。 getelementbyid(' clear ')；var等于=文档。getelementbyid(' equals ')；var js=文档。getelementsbyclassname(' jisuan ')；var num=文档。getelementsbyclassname(' num ')；文字。值=0；var tex=var付豪=' ';var first num=var secondNum=for(var I=0；分钟长度；i ){ num[i].onclick=function (){ if(付豪){ text。值=这个。价值；second num=this . value } else { tex=tex this . valuefirst num=textext . value=tex } }；} for(var j=0；jjs.lengthj ){ js[j].onclick=function(){ 0付豪=this.valuetext。值=这个。价值；};}等于。onclick=function(){ switch(付豪){ case ' ' : var RES=first num * 1 secondNum * 1；打破；case '-' : var RES=first num-secondNum；打破；大小写* " : var RES=first num * secondNum；打破；case '/' : var RES=first num/secondNum；打破；default : break } text . value=restex=付豪=' ';firstNum=secondNum=} clear。onclick=function(){ text。值=' '；}/脚本/正文/html界面：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。