Rumah > Artikel > hujung hadapan web > javascript怎么求差
javascript怎么求差
- 藏色散人asal
- 2021-10-18 11:19:361491semak imbas
javascript实现求差的方法：1、创建一个HTML示例文件；2、创建input输入框；3、通过“num1-num2”公式计算input里面数字的差，然后放到div中即可。
本文操作环境：windows7系统、javascript1.8.5版、DELL G3电脑
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>推荐学习：《javascript基础教程》
Atas ialah kandungan terperinci javascript怎么求差. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript能用if语句吗Artikel seterusnya：javascript和actionscript的区别是什么