html编写一个涵数,计算两个数字的和差积商
时间: 2024-02-18 20:05:14 浏览: 26
抱歉,HTML是一种标记语言,无法用于编写计算器函数。不过,你可以使用JavaScript编写一个计算器函数,并将其嵌入到HTML文档中。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
</head>
<body>
<h1>计算器</h1>
<p>请输入两个数字:</p>
<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="calculate()">计算</button>
<p id="result"></p>
<script>
function calculate() {
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
var sum = num1 + num2;
var difference = num1 - num2;
var product = num1 * num2;
if (num2 == 0) {
var quotient = "无法计算,除数为0";
} else {
var quotient = num1 / num2;
}
document.getElementById("result").innerHTML = "和为:" + sum + "<br>差为:" + difference + "<br>积为:" + product + "<br>商为:" + quotient;
}
</script>
</body>
</html>
```
你可以将以上代码复制到一个HTML文档中,然后在浏览器中打开它,就可以使用这个计算器了。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)