html通过js完成加法运算
时间: 2023-09-04 14:12:00 浏览: 51
可以通过以下的 HTML 和 JavaScript 代码完成加法运算:
```html
<!DOCTYPE html>
<html>
<head>
<title>Addition using JavaScript</title>
</head>
<body>
<label for="num1">Number 1:</label>
<input type="text" id="num1">
<br>
<label for="num2">Number 2:</label>
<input type="text" id="num2">
<br>
<button onclick="addNumbers()">Add</button>
<br>
<label for="result">Result:</label>
<input type="text" id="result">
<script>
function addNumbers() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").value = result;
}
</script>
</body>
</html>
```
这段代码包括两个输入框和一个按钮,点击按钮时会调用 `addNumbers()` 函数,该函数会获取两个输入框中的值,并将它们相加后将结果显示在一个文本框中。需要注意的是,`parseFloat()` 函数用于将字符串转换为数字,以确保正确的相加结果。