首页用script写一个计算器

用script写一个计算器

时间: 2023-08-14 22:06:31 浏览: 90

好的，下面是一个简单的计算器的代码，使用HTML和JavaScript语言编写： ```html <!DOCTYPE html> <html> <head> <title>简单计算器</title> </head> <body> <h1>简单计算器</h1> <input type="text" id="num1" placeholder="输入第一个数字" /> <br /> <br /> <input type="text" id="num2" placeholder="输入第二个数字" /> <br /> <br /> <button onclick="add()">+</button> <button onclick="subtract()">-</button> <button onclick="multiply()">x</button> <button onclick="divide()">÷</button> <br /> <br /> <p id="result"></p> <script> function add() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 + num2; document.getElementById("result").innerHTML = "结果：" + result; } function subtract() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 - num2; document.getElementById("result").innerHTML = "结果：" + result; } function multiply() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 * num2; document.getElementById("result").innerHTML = "结果：" + result; } function divide() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 / num2; document.getElementById("result").innerHTML = "结果：" + result; } </script> </body> </html> ``` 这个计算器包含两个输入框和四个按钮，分别对应加、减、乘、除四个基本的数学运算。当用户输入两个数字后，点击相应的按钮，就会在页面上显示计算结果。

阅读全文