博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用HTML和JS来开发移动app - 计算器app功能实现
阅读量:6330 次
发布时间:2019-06-22

本文共 1208 字,大约阅读时间需要 4 分钟。

今天开始构思第一个有实际功能的手机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分钟帮我排个版面吧!!自己来做花一个下午一个晚上的真心懒得弄。
UI界面
到现在已经可以从0起步,通过cordova 完成一个有实际功能的app的开发了。不过细心的人也会发现,到现在为止我们还没调用 cordova 提供的任何关于android的api!完全都是使用html和js本身的功能来实现的 ~ 下一步,就是开始学习了解cordova的android api,打开蓝牙并连接其他蓝牙设备进行通讯。

转载地址:http://ssboa.baihongyu.com/

你可能感兴趣的文章
电子书下载:Programming Windows Identity Foundation
查看>>
有理想的程序员必须知道的15件事
查看>>
用于测试的字符串
查看>>
财付通和支付宝资料收集
查看>>
PHPCMS V9数据库表结构分析
查看>>
『原创』+『参考』基于PPC的图像对比程序——使用直方图度量
查看>>
理解 IEnumerable 与 IEnumerator
查看>>
NHibernate 2.0 Beta 1 Released和一些工具
查看>>
【每天一个Linux命令】12. Linux中which命令的用法
查看>>
软件接口数据一致性机制
查看>>
微服务架构介绍和RPC框架对比
查看>>
Debian下使用OpenLDAP 管理端
查看>>
泛型排序器TComparer
查看>>
9个offer,12家公司,35场面试,从微软到谷歌,应届计算机毕业生的2012求职之路...
查看>>
创建符合标准的、有语意的HTML页面——ASP.NET 2.0 CSS Friendly Control Adapters 1.0发布...
查看>>
Adobe驳斥Flash过度耗电论 称HTML5更耗电
查看>>
No!No!No! It's not fashion!
查看>>
艰困之道中学到的经验教训
查看>>
互联网生态建设落地五大挑战——保险科技生态建设 ...
查看>>
进行短视频app开发工作时,可以加入它来保护青少年 ...
查看>>