当前位置: 首页 > 编程笔记 >

JavaScript计算出两个数的差值

解博明
2023-03-14
本文向大家介绍JavaScript计算出两个数的差值,包括了JavaScript计算出两个数的差值的使用技巧和注意事项,需要的朋友参考一下

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

需求

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

实现代码

<!DOCTYPE html>
<html>

 <head>
 <meta charset="UTF-8">
 <title></title>
 <style type="text/css">
 body{
 padding-top: 100px;
 text-align: center;
 }
 #result{
 width: 50%;
 height: 100px;
 margin: 0 auto;
 border: 1px solid #ccc;
 }
 </style>
 </head>

 <body>
 <input type="text" id="ipt1"/>
 <input type="text" id="ipt2"/>
 <button id="btn">计算</button>
 <div class="result"></div>
 <script type="text/javascript">
 // 得到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
 }
 </script>
 </body>

</html>

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 假设我有这两个数组: 如何从ARR2获取arr1中的出现次数。两个数组中的所有字符串都是唯一的,不会有重复的。显然,在这个具体案例中的结果是2。 我试过的: 问题是我必须在很少的情况下使用它,并且变量总是在变化,这取决于您单击的内容,而您不能依赖它的值。 提前谢谢!

  • 问题内容: 我正在尝试编写一种方法来打印两个 ZonedDateTime 之间的 时差 ,关于时区之间的时差。 我找到了一些解决方案,但所有解决方案均编写为可与 LocalDateTime一起使用 。 问题答案: 您可以使用方法 之间 的 ChronoUnit 。 此方法将那些时间转换为相同的区域(第一个参数的区域),然后,调用 直到 在 Temporal 接口中声明的方法 为止 : 由于 Zon

  • 问题内容: 我试图计算两者之间的差异。 输出必须为格式。这是我写的: 我得到的输出是。我已经从该网站检查了我的结果(带有)。以下屏幕截图显示了输出: 我很确定月份值后面的字段在我的代码中出了错。任何建议都将非常有帮助。 更新资料 我已经从另一个网站测试了我的结果,但是得到的结果却有所不同。在这里是:计算两个日期之间的持续时间(结果:29年,8个月,24天,12小时,0分钟和50秒)。 更新资料 由

  • 我正在尝试编写一个方法来打印两个ZonedDateTimes之间的时间差,关于时区之间的差异。 我找到了一些解决方案,但它们都是为使用LocalDateTime而编写的。

  • 本文向大家介绍php计算两个日期相差天数的方法,包括了php计算两个日期相差天数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php计算两个日期相差天数的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的php程序设计有所帮助。

  • 问题内容: 如何在Java中计算两个角度量度(以度为单位)的差,使结果在[0°,180°]范围内? 例如: 问题答案: /* * Shortest distance (angular) between two angles. * It will be in range [0, 180]. / public static int distance(int alpha, int beta) { int