继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

第15天 仿计算器案例(计算器0-9的数字显示优化2)

土星猪
关注TA
已关注
手记 76
粉丝 5
获赞 0

一 课程名称:仿计算器案例


    课程章节:计算器0-9的数字显示优化(2)


二 课程内容


    划分数字和非数字在文本框里出现





  1. 我们需要一个函数 isNaN (此函数是用来判断是否能转换为数字)

    写入方法          

    function isNumber(n){          //带入一个参数n

        if(!isNaN(n))      //  这样写(!isNaN)的值也是等于=flase ,也可以写成 isNan(n)== flase

                return true;    //这样说明它是一个数字,所以我们返回true,  参数n是数字

    }  else{

                return false;  //不然就返回false  参数n不是数字

                                      ////  isnan为true值:不能转化为数字,false值为可以转化成数字

}


http://img4.sycdn.imooc.com/6300f8c10001758c10990430.jpg

    

  然后我们调用它,在我们之前写的onclick内置函数里   http://img1.sycdn.imooc.com/6300f912000120d811230742.jpg

 

//点击后获取的值如果在isnan函数里面是假的话,那它就是数字,否则就是字符。

http://img4.sycdn.imooc.com/6300fa550001779b09470552.jpg

效果

点击1 显示数字

http://img1.sycdn.imooc.com/6300fa8700015da614150373.jpg

点击+号 显示字符

http://img4.sycdn.imooc.com/6300faae0001aeac12870383.jpg

    


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP