首页写网页结构和JS代码，完成简单加法器的功能javascript

写网页结构和JS代码，完成简单加法器的功能javascript

时间: 2024-10-20 20:05:46 浏览: 25

创建一个简单的网页结构并包含JavaScript代码，你可以使用HTML来构建页面布局，然后编写JavaScript来处理用户输入和计算结果。下面是一个基本的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>简易加法器</title> </head> <body> <h1>简易加法器</h1> <label for="num1">数字1：</label> <input type="number" id="num1" placeholder="请输入第一个数"><br><br> <label for="num2">数字2：</label> <input type="number" id="num2" placeholder="请输入第二个数"><br><br> <button onclick="calculateSum()">计算</button> <p id="result"></p> <script> function calculateSum() { var num1 = document.getElementById('num1').value; var num2 = document.getElementById('num2').value; if (isNaN(num1) || isNaN(num2)) { alert("请输入数字！"); } else { var sum = parseInt(num1) + parseInt(num2); document.getElementById('result').innerText = "结果： " + sum; } } </script> </body> </html> ``` 在这个例子中，当用户点击“计算”按钮时，`calculateSum`函数会被调用。它从输入框获取两个数字，检查是否为数字，然后将它们相加并显示在页面上。

阅读全文