简易计算器

简易计算器

下面我们来看一下如何用js实现一个简易计算器，首先我们来看一下html部分，如下图：

在第二个div标签中的两个input标签是用来输入进行运算的两个数字的，而select标签是用来制作选择框的，让它可以通过选择不同的运算符来进行不同的运算，button标签则是用来点击后在第一个input标签输出运算后的结果。
接下来我们来看js部分，首先我们要创建一个点击事件然后将它绑定在button按钮上，然后再获取到两个输入框内的内容和选择框里的符号，如下图：

这里我们可以通过console.log();在控制台输出一下看是否获取到相应的数值。
因为我们获取到的内容的数据类型是字符串，而字符串无法进行运算，所以我们要将它的数据类型转化为数字，这样才可以进行运算。

因为我们在css中对option标签设置了value属性，所以我们可以通过获取到fu(就是上面获取到的选择框内的运算符号)的内容来判断应该用什么运算。如：当fu==“A”时运算加法，当fu==“B”时运算减法…以此类推，如图：

最后我们再把运算结果输出到第一个input标签里，如下图：

这样一来一个简易的计算器就做好了。
效果图如下：