好资源导航 » 文章资讯 » JavaScript计算出两个数的差值

JavaScript计算出两个数的差值

2023-07-28 09:52:13 80

本文实例为大家分享了JavaScript计算两个数差的具体代码，供大家参考，具体内容如下

需求

在两个输入框中输入两个数字，点击按钮的时候，计算出两个数字的差并且显示到id为result的div中。

实现代码








body{
padding-top:100px;
text-align:center;
}
#result{
width:50%;
height:100px;
margin:0auto;
border:1pxsolid#ccc;
}






计算

//得到input里面的值，然后拿到减，把结果放到div中 //input.valuediv.innerHTML事件绑定 //找对象inputbuttondiv varoIpt1=document.getElementById("ipt1") varoIpt2=document.getElementById("ipt2") varoBtn=document.getElementById("btn") varoBox=document.getElementById("result") //事件函数绑定 oBtn.onclick=function(){ //计算input里面数字的差然后放到div中 varnum1=oIpt1.value varnum2=oIpt2.value varresult=num1-num2 //给div设置一个内容result oBox.innerHTML=result }

上面代码实现刚开始说的需求，希望对学习前端开发的小伙伴有帮助。

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

返回顶部
514930285
czq8825@qq.com

JavaScript计算出两个数的差值

热门推荐

随机推荐