资讯专栏INFORMATION COLUMN

用HTML和JS来开发移动app - 计算器app功能实现

zhangfaliang / 2463人阅读

摘要:今天开始构思第一个有实际功能的手机计算器。不过细心的人也会发现,到现在为止我们还没调用提供的任何关于的完全都是使用和本身的功能来实现的下一步,就是开始学习了解的,打开蓝牙并连接其他蓝牙设备进行通讯。

今天开始构思第一个有实际功能的手机app - 计算器。在功能上非常简单,支持0-9输入和加减乘除等于运算,可以清零。

在程序逻辑结构上,跟嵌入式代码基本没差别:

对0-9按钮定义一个数字功能:实现对输入的数值更新并保存到一个变量

对功能键定义一个操作功能:根据不同操作对输入变量进行操作

对UI显示定义一个刷新函数:每次按键操作后刷新一次UI

简单看了下button的,使用onclick就可以直接检测按钮按下并调用一个函数了,果然比以前搞硬件简单多了T.T 神马键值扫描啊神马中断触发啊神马防抖啊都不用考虑的...

在不考虑UI就考虑功能基础上,下面代码就实现了一个简单的计算器功能:比较简单就都丢到index.html文件里了,没有到js文件中写控制逻辑。

 
    

0

NULL

0




开始没注意乘法和除法的运算,导致当value是0时会出错.. 将

total=total/value

改为了

if (value)
  {
   if (total)
   {total=total/value}
   else
   {total=value}
  }

在页面上测试后没问题,简单一个命令

  run cordova android

运行成功后会提示:

打开手机app,试了一下,虽然界面简陋,但是至少在手机上把一个有功能的app跑起来了!剩下的内容是优化界面... 无奈对html和css真不熟,一个个标签一个个参数去看狠废时间... 求达人10分钟帮我排个版面吧!!自己来做花一个下午一个晚上的真心懒得弄。

到现在已经可以从0起步,通过cordova 完成一个有实际功能的app的开发了。不过细心的人也会发现,到现在为止我们还没调用 cordova 提供的任何关于android的api!完全都是使用html和js本身的功能来实现的 ~ 下一步,就是开始学习了解cordova的android api,打开蓝牙并连接其他蓝牙设备进行通讯。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85530.html

相关文章

  • HTML+CSS+JavaScript 编写的算器

    摘要:不允许再有其他文件,不允许再有单独的文件。必须支持标准的四则运算。请在收到邮件的小时内独立完成本测试,并回复本邮件。项目地址最终版的计算器,项目地址和预览图片在。并且使用单位来进行自动计算尺寸。 一道笔试题 之前偶然看到一个公司的笔试题,题目如下: 用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器 showImg(https://segmentfault....

    PiscesYE 评论0 收藏0
  • HTML+CSS+JavaScript 编写的算器

    摘要:不允许再有其他文件,不允许再有单独的文件。必须支持标准的四则运算。请在收到邮件的小时内独立完成本测试,并回复本邮件。项目地址最终版的计算器,项目地址和预览图片在。并且使用单位来进行自动计算尺寸。 一道笔试题 之前偶然看到一个公司的笔试题,题目如下: 用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器 showImg(https://segmentfault....

    youkede 评论0 收藏0
  • HTML+CSS+JavaScript 编写的算器

    摘要:不允许再有其他文件,不允许再有单独的文件。必须支持标准的四则运算。请在收到邮件的小时内独立完成本测试,并回复本邮件。项目地址最终版的计算器,项目地址和预览图片在。并且使用单位来进行自动计算尺寸。 一道笔试题 之前偶然看到一个公司的笔试题,题目如下: 用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器 showImg(https://segmentfault....

    fancyLuo 评论0 收藏0
  • HTMLJS开发移动app - Hello Cordova

    摘要:发现对一个习惯了硬件设备侧开发的人来说,不管是用还是直接用开发,都是一样的都是从开始。之前虽然高中时代做个网站,也仅限于用和所见即所得开发对都是一窍不通。为了给设备开发,在上硬着头皮看了个小时课程。 发现对一个习惯了硬件设备侧C开发的人来说,不管是用cordova(HTML+JS) 还是直接用android studio(JAVA)开发,都是一样的...都是从0开始。 之前虽然高中时...

    legendmohe 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<