if判断计算器

今天来讲一个简单的JS小案例，用if判断写一个简单的计算器。

      如下图：

    

 

第一步，先创建一个HTML文件，在body标签下写下以下内容。（特别注意，要分清楚id和vlaue）

       如下图：

 

             

（友情提醒，如果有看不懂计算按钮上的add()的小伙伴，可以先看一下有关JS函数的教程哦，在这里就不多讲了）

第二步，为你写的HTML添加一些简单的CSS样式。

       如下图：

                 

 

（我这里因为要写的CSS样式不多，所以就直接添加了一个style标签）

第三步，写出以下JS代码。（这里和上面的CSS一样不多，所以我就添加了一个script标签）

 

（友情提醒，第一点：parseInt()函数是用来将获取到的值尝试转换为数字的，如果转换不了就会停止计算。第二点：我这里用的是多重判断（if...else嵌套语句）还可以用switch语句等很多方法，不限于这几种。第三点：根据数学的运算法则，被除数不能为0，这一点一定要记住。）