JavaScript简易计算器实现

在这个HTML和JavaScript结合的计算器示例中，我们主要关注的是如何利用JavaScript实现一个简单的文本框为基础的手动算术运算器。这个计算器的主要功能是接收用户输入的两个数字（分别存储在id为"sa"和"sb"的文本框中），并根据用户点击的不同运算符按钮执行相应的算术运算。 HTML部分： 1. 页面结构包含了四个基本元素：两个输入框（`<input type="text">`）用于输入数值，分别对应输入sa和sb，以及两个空格用于清除默认值。 2. 还有四个按钮（`<input type="button">`），分别代表加号（+）、减号(-)、乘号(*)和除号(/)，每个按钮关联了`run()`函数，当点击时会调用该函数执行对应的计算。 JavaScript部分： 1. `run()`函数是核心逻辑，它接受一个参数`t`，代表运算符（1、2、3、4分别对应加、减、乘、除）。 2. 首先，函数通过`document.getElementById()`获取输入框中的数值，将其转换为整数类型（`parseInt()`）。如果输入不是数字，则弹出警告信息并返回。 3. 接下来，根据`t`的值进行不同的计算操作： - 当`t`为1时，执行加法，将sa和sb的值相加，并将结果赋值给sc。 - 当`t`为2时，执行减法，将sa减去sb，并更新sc的值。 - 当`t`为3时，执行乘法，将sa乘以sb，并更新sc。 - 当`t`为4时，执行除法，但需要检查sb是否为0，因为除数不能为0。如果sb为0，则弹出警告信息并返回；否则，计算sa除以sb，并显示结果。 4. 最后，将结果显示在id为"sc"的输入框中，方便用户查看运算结果。 总结来说，这个实例展示了如何使用JavaScript的基本控制流（条件语句和函数调用）来构建一个交互式的计算器，用户可以直接在网页上进行简单的算术运算，无需刷新页面。这对于初学者理解和实践JavaScript的事件处理和基本数学运算提供了很好的例子。