无需CSS，纯HTML+JS实现简单计算器

以下是如何使用HTML和JavaScript创建一个简单的计算器的示例，无需任何CSS样式，非常适合初学者学习：html 简单计算器
<input type='button' value='+' onclick='calculate('+')'> <input type='button' value='-' onclick='calculate('-')'> <input type='button' value='' onclick='calculate('')'> <input type='button' value='/' onclick='calculate('/')'>

<script>        function calculate(operator) {            var num1 = parseFloat(document.getElementById('num1').value);            var num2 = parseFloat(document.getElementById('num2').value);            var result = '';

        switch (operator) {                case '+':                    result = num1 + num2;                    break;                case '-':                    result = num1 - num2;                    break;                case '*':                    result = num1 * num2;                    break;                case '/':                    result = num1 / num2;                    break;            }

        document.getElementById('result').value = result;        }    </script></body></html>

使用说明：

将以上代码复制到一个HTML文件中。2. 在浏览器中打开该文件。3. 在第一个输入框中输入第一个数字。4. 在第二个输入框中输入第二个数字。5. 点击加号、减号、乘号或除号按钮进行计算。6. 计算结果将显示在第三个只读输入框中。

代码解释：

input type='number' 创建数字输入框。* input type='button' 创建按钮，并使用 onclick 属性指定点击按钮时执行的 JavaScript 函数。* calculate() 函数根据选择的运算符执行相应的计算，并将结果显示在 result 输入框中。

进阶学习：

尝试为计算器添加更多功能，例如：平方根、百分比等。* 使用 CSS 为计算器添加样式，使其更美观。* 学习如何使用 JavaScript 处理用户输入错误，例如：除数为零的情况。