计算机

                          计算机

今天给大家带来的是一个小案例---计算机！

这个计算机非常的简单，就是一个只有加减乘除功能的一个简单计算机！

老规矩，先给大家看看它的效果吧！

就是通过中间的运算符（+.-.*./)来实现运算功能的一个小案例！

效果简单自然代码也非常的简单！

但是还是有一些知识点的！

不然搞得我跟个划水的一样！

让我们先来看看它的html代码先！、

就是简单的span标签包裹几个文字，还是3个input标签；

我们知识点就在这input中了；type=”number”---使用之后输入框内就只能输入数字了；

众所周知type是控制input的形态的元素；

 

Css代码就不看，就是一些基础的设置元素基本样式的内容真的没什么好看的，那么我们直接来看jq代码吧！

Jq代码：

Jq代码主要是判断运算符的那个输入框的val()值是什么，再使用is{}...else{} 语句根据这个值做出运算，

把结果返回给结果那个输入框；要注意的是除法，当除数为0是做出警告！

今天的小案例就分享到这里了！

感谢观看！