手机版

简易射流研究…代码实现计算器操作

时间:2021-11-21 来源:互联网 编辑:宝哥软件园 浏览:

复制代码代码如下:htmlheadtitleJS版计算器/titlelink rel='样式表type=' text/CSS ' href=' meta http-equiv=' content-type ' content=' text/html;charset=utf-8 '!射流研究…代码可以放置在任意位置,按照先后顺序依次执行一般放在头标签之间-脚本类型="文本/javascript "

/* 定义一个计算器类*/函数Calculator(){ this。jisuan=function(num 1,num2,oper){ var RES=0;开关(操作){ case ' ' : res=num1 num2打破;大小写'-' : RES=num 1-num 2;打破;大小写' * ' : res=num1 * num2打破;case '/: RES=num 1/num 2;打破;}返回res} } //创建对象定义变量计算器=新计算器();

/*定义全局变量*/var val=0;//放置输入的值var xval=0;//保存转换数字类型的值var temp=0;//保存第一次输入的值var oper=//保存输入的操作符

/*获取输入数字*/函数输入事件(e){ val=e . value var xsval=document。getelementbyid(' InP 1 ');xsval.value=val//连续输入数字(字符串类型) //转换数字类型xval=parseFloat(xsval。值);}

/*获取第一行的数据*/function inputcb(e){//window。警报(e .值);var xsval=文档。getelementbyid(' InP 1 ');if(e . value==' Clear '){ xsval。值=' ';}else if(e.value=='Back'){ /*这个功能还没有实现,有兴趣的朋友可以自己做一做*/

}else if(e.value=='POWER'){ //计算平方xsval。值=数学。pow(xsval。值,2);} }

/*输入操作符*/函数输入程序{ 0

奥伯=e.value//window。警报(操作类型);//oper=oper。substr(0);if(e . value==' '){ var xsval=document。getelementbyid(' InP 1 ');//保存上次计算结果,并对字符串进行转换数字类型temp=ParseFloat(xsval。值);//第一次输入的值设置为空xsval . value=} else if(e . value=='-'){ var xsval=document。getelementbyid(' InP 1 ');temp=ParseFloat(xsval。值);xsval . value=} else if(e . value==' * '){ var xsval=document。getelementbyid(' InP 1 ');temp=ParseFloat(xsval。值);xsval . value=} else if(e . value=='/'){ var xsval=document。getelementbyid(' InP 1 ');temp=ParseFloat(xsval。值);xsval.value=} }

/*计算结果*/函数input quel(e){ 0

var xsval=文档。getelementbyid(' InP 1 ');if(e . value=='='){//window。alert(xval);//调用对象方法xs val。值=计算器。jisuan(temp,xval,oper);} }/脚本!- css样式-样式输入{ width :60 px } # InP 1 { width :280 pxtext-右对齐:}/样式/床头柜表格边框='1 '!-显示结果行- trtd colspan='4 '输入id='inp1 '类型=“文本”值名称='石现/td/tr!-第一行-TRT输入类型='按钮'值=' POWER '点击='输入CB(this)'//TDT输入类型='按钮'值='清除'点击='输入CB(this)'//TDT输入类型='按钮'值='后退'点击='输入CB(this)'//tdtd/TD/tr!-第二行-TRT输入类型=' button '值=' 1 ' onclick=' input event(this)'//TDT输入类型=' button '值=' 2 ' onclick=' input event(this)'//TDT输入类型=' input event(this)'//TDT输入类型=' button '值=' 4 ' onclick=' input event(this)'//TD/tr!-第三行-TRT输入类型=' button '值=' 5 ' onclick=' input event(this)'//TDT输入类型=' button '值=' 6 ' onclick=' input event(this)'//TDT输入类型=' input event(this)'//TDT输入类型=' button '值=' 8 ' onclick=' input event(this)'//TD/tr!-第四行-trtdinput type=' button ' value=' 9 ' onclick=' input event(this)'//TDT input type=' button ' value=' 0 ' onclick=' input event(this)'//TDT input type=' button ' value=' .onclick=' input event(this)'//TDT input type=' button ' value='=' onclick=' input quel(this)'//TD/tr!-第五行-trtdinput type=' button ' value=' onclick=' input per(this)'//tdtdtdinput type=' button ' value='-' onclick=' input per(this)'//tdtdinput type=' button ' value='/' onclick=' input per(this)'//TD/tr/table/body/html

PS:这里推荐两个本站的在线计算器,都是js实现的,功能强大。相信对你深入理解JavaScript数学运算和网页设计会有帮助:

在线标准计算器:http://tools.jb51.net/jisuanqi/jsq.

在线科学计算器:http://tools.jb51.net/jisuanqi/jsqkexue.

版权声明:简易射流研究…代码实现计算器操作是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。