为了账号安全,请及时绑定邮箱和手机立即绑定

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

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


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


二 课程内容



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

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


2.有两种方法实现


第一种方法:

在 isnumber函数直接写

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

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

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

https://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

}


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


然后写进isnumber函数里

https://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

}


完成,随便按了些数字

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



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






点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
数据库工程师
手记
粉丝
5
获赞与收藏
0

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消