首页用JavaScript设计实现输入两个数，对这两个数求和，将表达式及结果显示在本页内

用JavaScript设计实现输入两个数，对这两个数求和，将表达式及结果显示在本页内

时间: 2024-02-01 13:15:30 浏览: 88

好的，可以使用以下代码实现： ```html <!DOCTYPE html> <html> <head> <title>求和计算器</title> </head> <body> <h1>求和计算器</h1> <label for="num1">第一个数：</label> <input type="number" id="num1" /><br /> <label for="num2">第二个数：</label> <input type="number" id="num2" /><br /> <button onclick="sum()">求和</button><br /> <p id="result"></p> <script> function sum() { const num1 = document.getElementById("num1").value; const num2 = document.getElementById("num2").value; const result = Number(num1) + Number(num2); document.getElementById("result").innerText = `${num1} + ${num2} = ${result}`; } </script> </body> </html> ``` 在这个页面中，我们首先创建了两个输入框，让用户可以输入两个数。然后创建了一个按钮，当用户点击这个按钮时，会执行 `sum()` 函数。在这个函数中，我们首先获取了用户输入的两个数，然后计算它们的和，并将表达式和结果显示在页面上。具体来说，我们使用了 `getElementById` 方法来获取输入框和显示结果的元素，使用 `Number` 函数将字符串转换为数字，使用模板字面量来拼接字符串。

阅读全文