微信小程序实战教程 计算器demo实现及代码逻辑,微信计算器功能怎么用

来源:未知 浏览 104次 时间 2021-06-10 15:07

本文有小码哥王维波老师制作原文地址;由于本文写于老版本开发者工具所以仅供参考;如有疑问佛山旺道seo所以仅供参考;如有疑问请优先对照官方开发者工具;第一部分:开始创建项目名称和存放代码位置创建新计算器页面并且设置第一个显示计算器页 ...

 

 

 

本文有小码哥王维波老师制作原文地址;由于本文写于老版本开发者工具所以仅供参考;如有疑问什么是优化所以仅供参考;如有疑问请优先对照官方开发者工具;

第一部分:开始


创建项目名称和存放代码位置

创建新计算器页面并且设置第一个显示计算器页面

完成视图设置(cal.wxml)

配置相应的样式配置(cal.wxss)

 

第二部分:逻辑

每个按钮点击后需要相应事件

在逻辑处理中实现点击事件,并打印log看运行效果


但是现在问题来了,怎么知道到底点击的是哪一个按钮呢?这里可以给每个按钮设置一个id,来具体的区分到底是哪一个被点击了.



上面这种方法可以唯一确定点击的是哪一个按钮,但是还有一种更完美的解决方案,现在js中初始化所有的id,然后在wxml中分别设置获取.


看运行效果

现在要做的就是要设置每次点击后的按钮,并做相应的运行,现重普通的开始判断,比如这个时候点击的是1,或者2 这样的数字,处理处理如下.

特殊符号处理 当第一次点击的是 “*”,”-“,”+”,”/“,这样的字符时,是不能显示的,所以要做处理

点击的是退格处理

点击清屏键处理


点击正父号处理

标签: 点击设置按钮处理