Cara melaksanakan perbezaan dalam JavaScript: 1. Buat fail sampel HTML 2. Buat kotak input input 3. Kira perbezaan nombor dalam input melalui formula "num1-num2", dan kemudian masukkannya ke dalam div.
Persekitaran pengendalian artikel ini: sistem windows7, versi javascript 1.8.5, komputer DELL G3
Cara mencari perbezaan dalam javascript?
JavaScript mengira perbezaan antara dua nombor:
Keperluan
Masukkan dua nombor dalam dua kotak input dan klik Apabila menekan butang , perbezaan antara dua nombor dikira dan dipaparkan dalam div dengan id hasil.
Kod pelaksanaan
<!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>Pembelajaran yang disyorkan: "Tutorial Asas JavaScript"
Atas ialah kandungan terperinci Bagaimana untuk mencari perbezaan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
