html js在页面中输入两个数计算和
时间: 2024-02-24 09:53:09 浏览: 81
前端算法-两数之和.js
好的,以下是一个简单的HTML页面,其中包含两个文本框和一个按钮,点击按钮后会计算两个文本框中输入的数值的和,并将结果显示在页面上。
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
</head>
<body>
<label for="num1">第一个数:</label>
<input type="number" id="num1"><br><br>
<label for="num2">第二个数:</label>
<input type="number" id="num2"><br><br>
<button onclick="calculate()">计算</button><br><br>
<label for="result">结果:</label>
<input type="text" id="result" disabled>
<script>
function calculate() {
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").value = result;
}
</script>
</body>
</html>
```
当用户输入两个数后,点击“计算”按钮,页面上会显示它们的和。
阅读全文