使用JS完成下列需求:作业:计算两个整数的差值需求说明:提示用户输入两个整数,编写函数,计算两个整数的差值,并将差值显示在页面中。
时间: 2024-05-02 14:17:21 浏览: 183
JavaScript计算出两个数的差值
以下是使用 JavaScript 实现计算两个整数差值的程序:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算两个整数的差值</title>
</head>
<body>
<h1>计算两个整数的差值</h1>
<label for="num1">第一个整数:</label>
<input type="number" id="num1"><br><br>
<label for="num2">第二个整数:</label>
<input type="number" id="num2"><br><br>
<button onclick="calcDifference()">计算差值</button>
<p id="result"></p>
<script>
function calcDifference() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 - num2;
document.getElementById("result").innerHTML = "差值为:" + result;
}
</script>
</body>
</html>
```
该程序首先在页面中添加了两个输入框和一个计算按钮,并定义了一个 `calcDifference()` 函数来计算两个整数的差值。
在 `calcDifference()` 函数中,我们使用 `document.getElementById()` 方法获取输入框中用户输入的整数值,并使用 `parseInt()` 方法将它们转换为整数类型。然后,我们计算它们的差值,并将结果显示在页面中的 `p` 元素内。
注意,我们在 `p` 元素内使用了 `innerHTML` 属性来设置显示的文本。
阅读全文