宝哥软件园

html js实现简单的计算器代码(加减乘除)

编辑:宝哥软件园 来源:互联网 时间:2021-09-15

html js实现简单的计算器代码(加减乘除)

!DOCTYPE html html health eta http-equiv=' Content-TYPe ' Content=' text/html;char set=utf-8///TD TD输入类型=' button '值=' miner ' onclick=' SetOp '(-',' miner ');//TD TD输入类型=' button '值=' times ' onclick=' SetOp '(*,' times ');'//TD TD输入类型=' button '值=' divide ' onclick=' SEtuP '(/',' divide ');'//TD/tr/tabletable id=' TB _ calc ' style=' display : none;'tr td输入id=' x ' type=' text ' style=' width :100 px ' value=' name=' x '/TD TD标签id=' op ' name=' op '/标签TD/TD输入id=' y ' type=' text ' style=' width :100 px ' value=' name=' y '/TD TD输入id=' opTips ' type=' button ' value=' onclick=' calc();//TD TD标签id=' z '名称=' z '/标签/TD/tr/tablescript类型=' application/JavaScript '函数setOp(op,OptiPs){ var TB=文档。GetElementBYID(' TB _ calc ');肺结核。风格。显示='无';document.getElementById('x ').值=' ';document.getElementById('y ').值=' ';document.getElementById('z ').inner text=document . getelementbyid(' op ').innerText=opdocument。getelementbyid(' opTips ').值=opTipsTB。风格。display=' block}函数calc(){ var x=Parsent(文档。getelementbyid(' x ').值);var y=parseInt(文档。getelementbyid(' y ').值);var op=文档。getelementbyid(' op ').innerTextvar z=开关(op){ case ' ' : z=x y;打破;大小写-: z=x-y;打破;大小写' * ' :z=x * y;打破;case '/' :z=x/y;打破;default: z=} console.log(x,op,y,'=',z);document.getElementById('z ').内部文本=z;}/脚本/正文/html截图如下:

以上这篇html js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+