溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何用javascript求差

發(fā)布時間:2021-10-18 11:34:04 來源:億速云 閱讀:122 作者:iii 欄目:web開發(fā)

本篇內容主要講解“如何用javascript求差”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“如何用javascript求差”吧!

javascript實現(xiàn)求差的方法:1、創(chuàng)建一個HTML示例文件;2、創(chuàng)建input輸入框;3、通過“num1-num2”公式計算input里面數(shù)字的差,然后放到div中即可。

如何用javascript求差

本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦

javascript怎么求差?

JavaScript計算出兩個數(shù)的差值:

需求

在兩個輸入框中輸入兩個數(shù)字,點擊按鈕的時候,計算出兩個數(shù)字的差并且顯示到id為result的div中。

實現(xiàn)代碼

<!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")
 // 事件函數(shù)綁定
 oBtn.onclick = function(){
 // 計算input里面數(shù)字的差 然后放到div中
 var num1 = oIpt1.value
 var num2 = oIpt2.value
 var result = num1-num2
 // 給div設置一個內容 result
 oBox.innerHTML = result
 }
 </script>
 </body>
 
</html>

到此,相信大家對“如何用javascript求差”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI