导航首页 » 文章首页 » 站长技术 » JavaScript计算出两个数的差值并输出

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

2023-03-10 433 站长技术

这篇文章主要为大家详细介绍了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+"个";


上一篇
438

Redis内存满了,PHP报500错误,内存占满的解决办法