javascript实现简易的计算器

首先用HTML和CSS实现计算机的界面，如下：

 

 代码如下：

 

 最基本的界面做好了，接下来就是最重要的js了，用js实现简易的计算器。

 1.首先需要实验按到哪个按钮需要在白色处显示相应的按钮内容，这个是比较容易实现的，源码如下：

 

 

 2.再将最简单的AC（清屏）和DEL（退格）功能实现，源码如下：

此处我遇到的问题是如何将字符串的最后一个字符去除，然后再将清除后的字符显示再屏幕上，

我用的方法是最常见的 s=s.substring(0,s.length-1)这样就可以将字符串的最后一个字符去除。

通过content.innerHTML=""将屏幕清屏，再把清除后的字符显示在屏幕上。

 

 3.接下来就是稍微有点难的计算了，源码如下：

我的设计思路是先将+（-、*、/）前面的字符串逐个相加重新组合成新的字符串s1，

再将+（-、*、/）后面的字符串逐个相加重新组合成新的字符串s2，最后通过把

两字符串通过parseFloat将字符串转化为number进行运算，之所以不用parseInt是

因为计算不精确，例如5/2=2，用parseFloat就会得出5/2=2.5的精确结果。

 

 

4.计算器结果如下：

 

 

 

 

 总结：要想真正的把计算机的功能做的完善，还要很多的代码才能实现。

作为正在学js的小白，暂时只能写这么多了，不说了，我要继续我的js学习

之路了，希望我的这篇文章对你有帮助。