HTML、CSS、JS课后习作——痛风诊断APP
来源:互联网 发布:网络语wink是什么意思 编辑:程序博客网 时间:2024/06/09 22:43
学习了HTML|CSS、JS后,正好有需要制作一个APP。这个APP类似于一个计算机,根据一些设定的标准来判断是否患有“痛风”。
这个APP涉及的编程包括:table或者div,输入相关备选数据,通过单选按钮选择。(徐老师是最反对用table的,但是为了赶时间,这个app中用table最方便,对不起了:))
关键在于设定一个全局变量,然后根据每个选项得分,进行累加,在根据最后的累计值进行判断。
尽管设置了一个全局变量,但是因为每项选择是在不同的页面,而页面之间的数值很难传递,这样全局变量实际上起不到累加数值的作用了。
还有人推荐用cockie,因为还不会用这个,而且怕cockie设置后做成app后有兼容性问题,所以也放弃了。
另外,HTML5有localstorage,与app一定不会冲突,因为这个本来就是可用于手机开发的语言。
最后采用的办法是把不同的选项放在一个页面内,在一张table中,然后设置单选按钮。
现在最大的问题是如何取得单选按钮的“值”?查了不少书,说法不一,最终找到了一段代码,测试后靠谱!
其中有两个问题:1对于单选按钮,如果这一项没有选择,程序是否能够继续运转下去?,测试后发现,及时没有选择某一个问题的单选按钮,程序运行时没有问题的,但是这个选项的得分是“0”。这是radio单选按钮的默认值吧。2.程序取到的值是数值型还是字符型?这个涉及到后面判断运算式的书写。用简单的运算公式运算后发现,radio的取值是“字符型”,接下来通过number将字符型数字转变为数值型数字,就可以进行数值的累加了。
这样做成了“痛风诊断”素颜版,没有时间打扮。近期,又加上了backgroud image和其他css,化妆后的确好看多了。
(下篇分享源代码,请指正)
- HTML、CSS、JS课后习作——痛风诊断APP
- HTML、CSS、JS课后习作——痛风诊断APP源代码
- js+html+css 开发App
- 用CSS诊断HTML代码
- 【转载】VML习作——扇形图
- ReactMix:基于HTML+JS+CSS写APP的最佳实践
- hbuilder(js+html+css)开发的APP效果实例
- iOS开发之网络篇——HTML+CSS+JS
- 学习整理——html+css+js可拖动进度条
- iOS开发之网络篇——HTML+CSS+JS
- HTML与CSS练习——js选择器
- 计算机编译原理习作——LL(1)语法分析器
- python习作——简易24点计算器
- 痛风爱找“工作狂”——多加休息少喝啤酒
- html,css.js
- html+css+js+struts
- js html css
- HTML,JS,CSS教程
- Android动画之属性动画(Property Animation)(一)
- 关于透明状态栏的使用以及与软键盘冲突的解决办法
- HTML、CSS、JS课后习作——痛风诊断APP源代码
- Win32平台下出现中文乱码问题的解决方案
- PSU-11g RAC 11.2.0.3.0 升级到11.2.0.3.1
- HTML、CSS、JS课后习作——痛风诊断APP
- iOS-- UIView中的坐标转换
- LightOJ 1003 Drunk
- @property,下划线
- java 调用打印机程序
- Ambari系列(二):编译安装Ambari
- next_permutation
- 服务器环境配置全过程
- 首届广西网络安全技术大赛初赛通关攻略