在线HTML计算器：四则运算、乘方、三角函数 - 在线工具

\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\t\u003ctitle\u003e计算器\u003c/title\u003e\n\t\u003cstyle\u003e\n\t .calculator {\n\t width: 300px;\n\t margin: 0 auto;\n\t padding: 20px;\n\t border: 1px solid #ccc;\n\t border-radius: 5px;\n\t }\n\t input[type="text"], input[type="button"] {\n\t width: 100%;\n\t padding: 10px;\n\t margin-bottom: 10px;\n\t }\n\t\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\t\u003cdiv class="calculator"\u003e\n\t \u003cinput type="text" id="result" readonly\u003e\n\n\t \u003cinput type="button" value="1" onclick="appendToResult('1')"\u003e\n\t \u003cinput type="button" value="2" onclick="appendToResult('2')"\u003e\n\t \u003cinput type="button" value="3" onclick="appendToResult('3')"\u003e\n\t \u003cinput type="button" value="+" onclick="appendToResult('+')"\u003e\n\n\t \u003cinput type="button" value="4" onclick="appendToResult('4')"\u003e\n\t \u003cinput type="button" value="5" onclick="appendToResult('5')"\u003e\n\t \u003cinput type="button" value="6" onclick="appendToResult('6')"\u003e\n\t \u003cinput type="button" value="-" onclick="appendToResult('-')"\u003e\n\n\t \u003cinput type="button" value="7" onclick="appendToResult('7')"\u003e\n\t \u003cinput type="button" value="8" onclick="appendToResult('8')"\u003e\n\t \u003cinput type="button" value="9" onclick="appendToResult('9')"\u003e\n\t \u003cinput type="button" value="" onclick="appendToResult('')"\u003e\n\n\t \u003cinput type="button" value="0" onclick="appendToResult('0')"\u003e\n\t \u003cinput type="button" value="." onclick="appendToResult('.')"\u003e\n\t \u003cinput type="button" value="=" onclick="calculateResult()"\u003e\n\t \u003cinput type="button" value="/" onclick="appendToResult('/')"\u003e\n\n\t \u003cinput type="button" value="sin" onclick="calculateSin()"\u003e\n\t \u003cinput type="button" value="cos" onclick="calculateCos()"\u003e\n\t \u003cinput type="button" value="tan" onclick="calculateTan()"\u003e\n\t \u003cinput type="button" value="^" onclick="appendToResult('**')"\u003e\n\n\t \u003cinput type="button" value="C" onclick="clearResult()"\u003e\n\t\u003c/div\u003e\n\n\t\u003cscript\u003e\n\t function appendToResult(value) {\n\t document.getElementById('result').value += value;\n\t }\n\n\t function calculateResult() {\n\t var result = eval(document.getElementById('result').value);\n\t document.getElementById('result').value = result;\n\t }\n\n\t function calculateSin() {\n\t var result = Math.sin(eval(document.getElementById('result').value));\n\t document.getElementById('result').value = result;\n\t }\n\n\t function calculateCos() {\n\t var result = Math.cos(eval(document.getElementById('result').value));\n\t document.getElementById('result').value = result;\n\t }\n\n\t function calculateTan() {\n\t var result = Math.tan(eval(document.getElementById('result').value));\n\t document.getElementById('result').value = result;\n\t }\n\n\t function clearResult() {\n\t document.getElementById('result').value = '';\n\t }\n\t\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e