首页帮我写一个简单的网页计算器

帮我写一个简单的网页计算器

时间: 2023-11-24 15:05:34 浏览: 146

以下是一个简单的网页计算器的HTML和JavaScript代码示例： HTML代码： ```html <!DOCTYPE html> <html> <head> <title>网页计算器</title> </head> <body> <h1>网页计算器</h1> <input type="text" id="input1"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="input2"> <button onclick="calculate()">计算</button> <p id="result"></p> <script src="calculator.js"></script> </body> </html> ``` JavaScript代码（保存为calculator.js文件）： ```javascript function calculate() { // 获取用户输入的数字和运算符 var input1 = parseFloat(document.getElementById("input1").value); var input2 = parseFloat(document.getElementById("input2").value); var operator = document.getElementById("operator").value; // 根据运算符计算结果 var result; switch(operator) { case "+": result = input1 + input2; break; case "-": result = input1 - input2; break; case "*": result = input1 * input2; break; case "/": result = input1 / input2; break; default: result = "无效的运算符"; } // 显示计算结果 document.getElementById("result").innerHTML = "结果：" + result; } ``` 使用浏览器打开HTML文件即可使用这个简单的网页计算器进行加、减、乘、除运算。

阅读全文