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

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

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

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


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


二 课程内容



1.把数字显示在文本框里,如果文本框原本值是0我们就显示你按的按钮键的值,

如果不是那就把值加添加,例如按三次1会显示111。


2.有两种方法实现


第一种方法:

在 isnumber函数直接写

num.value = (num.value + this.value)*1

//把原先文本框的值加上点击获取后的值*1再重新赋值给文本框的值

不懂为什么*1的可以看回第15天数字显示优化2篇

http://img1.sycdn.imooc.com/6301e6a80001c86c06560493.jpg


第二种方法:

//添加一个函数isnull 判断文本框初始值是否是空或者是0

function isnull(n){  //传一个n参数

    if(n==“0”|| n.length==0){

// 如果文本框的值是0或者是空值的话我们就返回true,否则就是false

    return true

}else

    return false

}


http://img1.sycdn.imooc.com/6301f333000165bc12410291.jpg


然后写进isnumber函数里

http://img1.sycdn.imooc.com/6301f53b00017ba811750834.jpg


if(isNull(num.value)){  //把文本框原本值传进去,不然获取不了

    num.vale =this.value //原本的值如果是0或者是空,那就会出现你点击的值 

    //把点击的值赋给原文本框的值,更新                                                                                 

}else{ 

    num.value = num.value+this.value

    //原本的值加上你点击的值然后在赋给原本的值

 // 如果原本的值不是0或空,那就把原本的值叠加,按两次1就会显示11

}


完成,随便按了些数字

http://img4.sycdn.imooc.com/6301f6ec0001ce1811580631.jpg



重点理解功能逻辑,然后实现O(∩_∩)O






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