微信小程序开发的简单计算器
2018-08-02 08:53
471 查看
开发工具:微信开发者工具 微信小程序开发的计算器 详情查看:(http://www.myzblog.cn:8080/blog/articles/21.html)
const aa = require('../images/aa.js')
var app = getApp()
Page({
data: {
id1: "back",
id2: "clear",
id3: "negative",
id4: "+",
id5: "9",
id6: "8",
id7: "7",
id8: "-",
id9: "6",
id10: "5",
id11: "4",
id12: "×",
id13: "3",
id14: "2",
id15: "1",
id16: "÷",
id17: "0",
id18: ".",
id19: "history",
id20: "=",
screenData: "0",
lastIsOperator: false,
logs: []
},
//事件处理函数
onLoad: function() {},
onReady: function() {},
onShow: function() {},
onHide: function() {},
onUpload: function() {},
clickButton: function(event) {
console.log(event);
var data = this.data.screenData.toString();
var id = event.target.id;
if (id == this.data.id1) {
if (data == 0) {
return;
}
console.log(data);
console.log("data.substring(0,data.length-1)" + data.substring(0, data.length - 1));
var data = data.substring(0, data.length - 1);
console.log(data);
} else if (id == this.data.id2) {
data = 0;
} else if (id == this.data.id3) {
var firstWord = data.substring(0, 1);
if (firstWord != '-') {
data = '-' + data;
} else {
data = data.substring(1);
}
} else if (id == this.data.id20) {
if (data == 0) {
return;
}
var lastWord = data.substring(data.length - 1, data.length);
if (isNaN(lastWord)) {
return;
}
console.log("parseFloat(data)" + parseFloat(data));
console.log("data" + data);
if (parseFloat(data) == data) {
return;
}
var log = data;
console.log(data);
var data = aa.calcExpression(log);
log = log + '=' + data;
this.data.logs.push(log);
wx.setStorageSync('callogs', this.data.logs);
} else {
if (id == this.data.id4 || id == this.data.id8 || id == this.data.id12 || id == this.data.id16) {
if (this.data.lastIsOperator || data == 0) {
return;
}
}
if (data == 0) {
data = id;
} else {
data = data + id
}
if (id == this.data.id4 || id == this.data.id8 || id == this.data.id12 || id == this.data.id16) {
this.setData({
lastIsOperator: true
});
} else {
this.setData({
lastIsOperator: false
})
}
}
this.setData({
screenData: data
})
}
})
效果图如下:
相关文章推荐
- tp5微信小程序全栈开发 十一——前端框架构建与令牌管理,首页、专题、分类等模块编写
- 微信小程序开发入门(3)
- 微信小程序的开发:通过微信小程序看前端
- 微信开发示例程序
- 微信小程序开发之大转盘 仿天猫超市抽奖
- 微信小程序和微信公众号开发注意事项(有些是从微信开发文档中摘抄出来的)
- 微信小程序开发踩坑记
- 开发运营必看,跳出雷区必须知道的微信小程序平台运营规范
- 微信小程序开发环境搭建
- 微信小程序开发-高德地图api
- 移动开发之【微信小程序】的原理与权限问题以及相关的简易教程
- 微信小程序开发的入口方式
- 微信小程序开发-从基础到实战(三)
- 微信小程序开发教程,大多数人都搞错的八个问题
- 微信小程序: 开发文档
- 哪些企业更适合开发微信小程序?
- 微信小程序开发资源汇总 awesome-wechat-weapp
- 微信小程序开发资料汇总
- 成都微信开发微信小程序开发