JavaScript计算出两个数的差值并输出

这篇文章主要为大家详细介绍了JavaScript计算出两个数的差值，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

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

实现HTML代码

 <input type="text" id="ipt1"/>
 <input type="text" id="ipt2"/>
 <button id="btn">计算button>
 <div class="result"><div>

JS代码：

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

多个数值判断：

<div id="day">div>
<div id="week">div>
<div id="month">div>
<div id="year">div>

JS代码：

 // 得到input里面的值，然后拿到减，把结果放到div中
 // input.value div.innerHTML 事件绑定
 // 找对象 input button div
 var day = {$day}/10;
 var week = {$week}/10;
 var month = {$month}/10;
 var year = {$year}/10;
 var week1 = day*7;
 var month1 = day*30;
 var year1 = day*365;
 var week2 = week1-week;
 var month2 = month1-month;
 var year2 = year1-year;
 var dayBox = document.getElementById("day");
 var weekBox = document.getElementById("week");
 var monthBox = document.getElementById("month");
 var yearBox = document.getElementById("year");
 
 dayBox.innerHTML = "每天："+day+"个";
 weekBox.innerHTML = "每周比天少："+week2+"个";
 monthBox.innerHTML = "每月比天少："+month2+"个";
 yearBox.innerHTML = "每年比天少："+year2+"个";