页面直接加载,没有计算按钮
时间: 2023-10-04 13:04:46 浏览: 35
好的,以下是一个页面直接加载、自动数值计算的 HTML:
```html
<!DOCTYPE html>
<html>
<head>
<title>自动数值计算器</title>
<script type="text/javascript">
window.onload = function() {
// 获取输入的值
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
// 计算结果
var result = num1 + num2;
// 显示结果
document.getElementById("result").innerHTML = "结果:" + result;
}
</script>
</head>
<body>
<h1>自动数值计算器</h1>
<p>
第一个数:<input type="number" id="num1" value="3">
</p>
<p>
第二个数:<input type="number" id="num2" value="5">
</p>
<p id="result"></p>
</body>
</html>
```
这个计算器在页面加载时就会自动计算两个数字的和,并将结果显示在页面上。在这个例子中,我们默认使用了数字 3 和 5 进行计算,你也可以根据需要修改这些数字。注意,这种方式可能会让用户感到困惑,因为他们不知道页面上显示的结果是如何得出的。因此,最好还是加上一个按钮,让用户手动触发计算。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)