2021-08-08

JS如何做一个计算器

这篇文章主要分享一下如何用JavaScrip实现一个计算器功能；
1、 首先使用DW创建一个HTML文档，然后简单地用3个input标签和一个select标签、button做成了一个极简的样式

2、 然后在该HTML文档创建了一个script标签，相当于创建了一个JavaScript的编程域
3、 先不着急则写，我们先设想一下，要实现一个计算器，这个编程的思路怎么走……
4、 第一、要想计算器执行，肯定要点击‘等于’按钮，然后获取页面两个input标签的value内容和select标签当前被选中项的文本或者value值，那就要看你将运算符符号放在那个位置了，作者本人是放在value上的：

所以呢，每当用户想执行哪种运算的时候，程序就会立刻获取到select标签下option的value，知晓运算类型。
5、 那么，程序时怎么对不同的符号种类进行相应的运算的呢。在这里就要用到多分支语句switch，

这里作者通过‘等于’按钮绑定的点击事件，获取到select的value值并命名为text变量，然后将text变量作为switch的实参，每当执行到switch语句的时候就会对text的值进行相应的‘跳转’，细心的人已经注意到，在做加法的时候会和其他运算不太一样，就是给相应的partner1与partner2加上强制类型转换，由于JS的变量声明符var的原因（是基础数据类型的泛型），也就是说他可以声明一个int或float、string等等，且JS中有规定，字符串与字符串相加也为字符串，也就是说”1”+”1”会等于”11”，其他的运算符可以自动将变量转化为
数值（前提是它的确为数值）。
6、 最后就是要将得出的结果返回到页面，将最后得出的result通过赋值的方式给到相应的页面元素document.getelementById(“”)
7、 编程说到底还是得动手自己做才会有效果，好了以上就是关于一个计算器的整体思路，谢谢！