实现简单加法器,弹出两个输入框,输入两个数字,弹出输出框,第一行输出两个数字相加结果,第二行输出班级_姓名_学号。
时间: 2024-09-20 13:09:48 浏览: 46
为了实现这个简单的加法器功能,我们可以利用HTML和JavaScript编写一个基本的网页应用程序。以下是简化的示例代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简易加法器</title>
</head>
<body>
<!-- 弹出输入框 -->
<input type="number" id="num1" placeholder="请输入第一个数字">
<input type="number" id="num2" placeholder="请输入第二个数字">
<!-- 弹出按钮 -->
<button onclick="addNumbers()">计算</button>
<!-- 弹出结果显示区域 -->
<div id="result"></div>
<script>
function addNumbers() {
// 获取输入框的值
const num1 = document.getElementById('num1').value;
const num2 = document.getElementById('num2').value;
// 将输入的字符串转为数字并相加
let sum = Number(num1) + Number(num2);
// 渲染结果显示区域
document.getElementById('result').innerHTML = `第一个数字与第二个数字之和: ${sum}\n\n` +
`班级_姓名_学号: 班级_未知_未知 学号_${sum}`;
}
</script>
</body>
</html>
```
当你打开这个页面并在输入框内输入两个数字,点击“计算”按钮,就会看到结果出现在下方的显示区域。
阅读全文