本文实例为大家分享了JavaScript计算两个数差的具体代码,供大家参考,具体内容如下
<强>需求
在两个输入框中输入两个数字,点击按钮的时候,计算出两个数字的差并且显示到id的div中为结果。
<>强实现代码
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt;风格类型=" text/css "比;
身体{
padding-top: 100 px;
text-align:中心;
}
#{结果
宽度:50%;
身高:100 px;
保证金:0汽车;
边界:1 px固体# ccc;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt;输入类型="文本" id=" ipt1 "/比;
& lt;输入类型="文本" id=" ipt2 "/比;
& lt;按钮id=" btn "祝辞计算& lt;/button>
& lt; div类="结果"祝辞& lt;/div>
& lt;脚本type=" text/javascript祝辞//得到输入里面的值,然后拿到减,把结果放到div中//输入。价值div.innerHTML事件绑定//找对象输入按钮div
var oIpt1=. getelementbyid (“ipt1”)
var oIpt2=. getelementbyid (“ipt2”)
var oBtn=. getelementbyid (btn)
var oBox=. getelementbyid(“结果”)//事件函数绑定
oBtn。onclick=function () {//计算输入里面数字的差然后放到div中
var num1=oIpt1.value
var num2=oIpt2.value
var=num1-num2结果//给div设置一个内容的结果
oBox。innerHTML=结果
}
& lt;/script>
& lt;/body>
& lt;/html>
上面代码实现刚开始说的需求,希望对学习前端开发的小伙伴有帮助。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
