首页用html和js写一个计算器程序

用html和js写一个计算器程序

时间: 2023-12-24 16:05:50 浏览: 77

当然，我可以为您提供一些指导。首先，您需要创建一个 HTML 页面，并在其中添加一个 form 标签和一些 input 标签以供用户输入数字和运算符。然后，使用 JavaScript 创建一个函数来执行所需的计算并在结果区域显示答案。这是一个示例代码来帮助您开始： HTML 代码： ``` <!DOCTYPE html> <html> <head> <title>计算器</title> </head> <body> <form> <input type="text" id="num1"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="num2"> <input type="button" value="计算" onclick="calculate()"> </form> <br> <p id="result"></p> <script src="calculator.js"></script> </body> </html> ``` JavaScript 代码（在 calculator.js 文件中）： ``` function calculate() { var num1 = parseInt(document.getElementById("num1").value); var operator = document.getElementById("operator").value; var num2 = parseInt(document.getElementById("num2").value); if (operator == "+") { var result = num1 + num2; } else if (operator == "-") { var result = num1 - num2; } else if (operator == "*") { var result = num1 * num2; } else if (operator == "/") { var result = num1 / num2; } document.getElementById("result").innerHTML = result; } ``` 这个例子演示了如何获取输入值，执行所需的计算，然后在页面上显示结果。希望这个示例对您有所帮助！

阅读全文