实现计算器界面应该有挺多种方式，我使用的是直接div分块再加入按钮，应该也可以使用表格等等，计算器界面的代码如下：

计算器首先需要一个显示屏，这里可以单独分一个块，再将数字与运算符分一个块。

当然界面还可以用CSS进行美化，我这方面比较简单：

有了计算器的界面，接下来就是功能实现。界面上有了显示屏和按钮，但是我们点击按钮显示屏没有反应，所以我们需要获取按钮的信息。为了方便我们对各个按钮进行不同的分类，针对不同的功能需要设计不同的点击事件。我们先创建变量：

先考虑数字的情况，我们先获取所有数字按钮，然后赋予点击事件，点击按钮可以在显示屏里显示。考虑到首位数字为0时，点击数字应该覆盖而不是出现 0123类似所以我们需要进行一个判断。又如果此时刚做完一次求取结果的运算，点击数字也应该覆盖结果，再增加一个判断语句就可以解决这个问题。