用html写计算器代码

在网页设计中使用计算器是很常见的，可以使页面更加互动和实用。下面我们来看一下用 HTML 编写计算器的代码。 首先，我们需要在 HTML 中定义一个表单，包含输入框和按钮：

<form>
<input type="text" id="inputBox">
<br>
<button onclick="calculate()">计算</button>
</form>

其中，输入框的 id 设置为 inputBox，按钮的 onclick 事件绑定了一个名为 calculate 的函数。 接下来，定义 calculate 函数，该函数通过使用 JavaScript 来获取表单中输入的数据，并进行计算：

<script>
function calculate() {
var inputBox = document.getElementById("inputBox");
var expression = inputBox.value;
var result = eval(expression);
inputBox.value = result;
}
</script>

在该函数中，使用了 eval 函数来计算表单中输入的表达式的结果，并将结果存储到输入框中。 最终的 HTML 代码应该如下所示：

<form>
<input type="text" id="inputBox">
<br>
<button onclick="calculate()">计算</button>
</form>
<script>
function calculate() {
var inputBox = document.getElementById("inputBox");
var expression = inputBox.value;
var result = eval(expression);
inputBox.value = result;
}
</script>

以上是用 HTML 编写计算器的代码，这样我们就能够在网页中非常方便地添加计算器，吸引更多用户使用我们的网站。