Maison > Article > interface Web > Comment trouver la différence en javascript
Comment trouver la différence en javascript
- 藏色散人original
- 2021-10-18 11:19:361540parcourir
Comment implémenter la différence en JavaScript : 1. Créez un exemple de fichier HTML ; 2. Créez une zone de saisie ; 3. Calculez la différence des nombres dans l'entrée via la formule "num1-num2", puis mettez-la. dans une division.
L'environnement d'exploitation de cet article : système windows7, javascript version 1.8.5, ordinateur DELL G3
Comment trouver la différence en javascript ?
JavaScript calcule la différence entre deux nombres :
Exigence
Entrez deux nombres dans les deux zones de saisie Lorsque vous cliquez sur le bouton, la différence entre les deux nombres est calculée et affichée pour celui avec l'identifiant de. résultat.
Code d'implémentation
<!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>Apprentissage recommandé : "Tutoriel sur les bases de JavaScript"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!