This example shares the specific code for calculating two numbers in JavaScript for your reference. The specific content is as follows
need
Enter two numbers in the two input boxes. When clicking the button, the difference between the two numbers is calculated and displayed in the div with id result.
Implement code
<!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" />
<input type="text" />
<button >calculate</button>
<div class="result"></div>
<script type="text/javascript">
// Get the value in input, then get the subtraction, and put the result into the div // Event binding // Find the object input button div var oIpt1 = ("ipt1")
var oIpt2 = ("ipt2")
var oBtn = ("btn")
var oBox = ("result")
// Event function binding = function(){
// Calculate the difference in the input and put it in the div var num1 =
var num2 =
var result = num1-num2
// Set a content for the div result = result
}
</script>
</body>
</html>
The above code implements the requirements mentioned at the beginning, and I hope it will be helpful to those who learn front-end development.
The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.