首页用js运行简单加法器:要求在页面弹出两个输入框，提示用户输入两个数字，然后返回两个数字相加的结果。

用js运行简单加法器:要求在页面弹出两个输入框，提示用户输入两个数字，然后返回两个数字相加的结果。

时间: 2024-10-15 13:11:12 浏览: 34

在JavaScript中，你可以创建一个简单的加法器功能，让用户在页面上输入两个数字并展示它们的和。以下是实现这个功能的一个基本示例：首先，在HTML中添加两个输入框和一个显示结果的区域以及提交按钮： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>简单加法器</title> </head> <body> <label for="num1">输入第一个数字:</label> <input type="number" id="num1"> <br> <label for="num2">输入第二个数字:</label> <input type="number" id="num2"> <br> <button onclick="addNumbers()">计算和</button> <p id="result"></p> <script src="script.js"></script> </body> </html> ``` 接下来，在`script.js`文件中编写加法函数，当点击“计算和”按钮时执行： ```javascript function addNumbers() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); // 检查输入是否为数字 if (isNaN(num1) || isNaN(num2)) { alert("请输入有效数字！"); return; } var sum = num1 + num2; document.getElementById("result").innerText = "两数之和是: " + sum; } ``` 这个函数从输入框中获取值，确保它们是数字，然后将它们相加，结果显示在页面指定的位置。

阅读全文