你是一个大学生,要用js和html写一个作业:弹出一个文本框,有两个输入栏,然后把这两个输入值的和弹出返回
时间: 2024-09-14 13:14:08 浏览: 42
作为大学生,你需要使用HTML来创建页面结构,JavaScript来处理逻辑,并将它们结合起来以实现你的作业需求。下面是一个简单的示例,展示了如何实现这个功能:
首先,你需要创建一个HTML文件,其中包含两个输入框以及一个按钮,用户将在这里输入数字:
```html
<!DOCTYPE html>
<html lang="zh-8">
<title>计算两个数的和</title>
</head>
<body>
<h1>请输入两个数进行加法运算</h1>
<input type="number" id="number1" placeholder="第一个数">
<input type="number" id="number2" placeholder="第二个数">
<button onclick="sumNumbers()">计算和</button>
<script src="script.js"></script>
</body>
</html>
```
接着,你需要创建一个名为`script.js`的JavaScript文件,用来处理计算和弹出结果的逻辑:
```javascript
function sumNumbers() {
var num1 = document.getElementById('number1').value;
var num2 = document.getElementById('number2').value;
var sum = parseFloat(num1) + parseFloat(num2);
alert("两个数的和是:" + sum);
}
```
在这个JavaScript脚本中,`sumNumbers`函数首先获取两个输入框中的值,然后将它们转换为浮点数(以确保即使输入的是小数也能正确处理),并计算它们的和。最后,使用`alert`函数弹出包含和的结果。
要完成你的作业,你需要将这两个代码片段保存为HTML和JavaScript文件,然后在浏览器中打开HTML文件来查看结果。
阅读全文