网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

微信小程序实现计算器功能的代码怎么写

本篇内容介绍了“微信小程序实现计算器功能的代码怎么写”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于成都定制网站,高端网页制作,对成都玻璃贴膜等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业seo优化优化,H5建站,响应式网站。

具体代码如下:

wxml


  
  
    退格
    清屏
    ❤
    +
  

  
    9
    8
    7
    -
  

  
    6
    5
    4
    *
  

  
    3
    2
    1
    ÷
  

  
    0
    .
    
    =
  


wxss

input {
  width: 95%;
  height: 250rpx;
  margin: 0 auto;
  margin-bottom: 20rpx;
  border-bottom: 1rpx solid #ccc;
}

.box {
  display: flex;
}
button {
  width: 20%;
  height: 150rpx;
  margin-bottom: 20rpx;
  line-height: 150rpx;
  background-color:rgb(0, 150, 250);
  color: white;
}

.yellow-color {
  background-color: rgb(247, 142, 24)
}

JS

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    calculation:"",
    result:0,
    character:[],  // 运算符号
    operand: [],    // 数字
    temp:false
  },

  // 输入框输入数据
  add:function(e) {
    let input = e.currentTarget.dataset.text;
    var that = this;
    if (input == "+" || input == "-" || input == "*" || input == "/") {
      this.data.temp = false; // 用于记录上一次是否是操作符
      var item = "character[" + this.data.character.length+ "]";
      this.setData({
        [item] :input
      }) 
    } else {
      var item = "operand["+this.data.operand.length+"]";
     
      if(that.data.temp) {
        // 拿到前一个的值
        var res = "operand[" + (this.data.operand.length-1) + "]"
        
        var ress= that.data.operand.length-1;
        var xyz = that.data.operand[ress] * 10 + parseInt(input);
        that.setData({
          [res]:xyz
        })
      } else {
        input = parseInt(input);
        that.data.temp = true;
        that.setData({
          [item]: input
        })
      }
    }
    // 将所有的内容放到显示框中
    this.setData({
      calculation:this.data.calculation+input
    })

  },

  // 计算答案
  res:function() {
    console.log(this.data.character.length);
    console.log(this.data.operand.length)
    var character_len =  this.data.character.length ;
    var operand_len = this.data.operand.length;
    console.log(operand_len - character_len)
    if(operand_len - character_len == 1) {
      this.data.result = this.data.operand[0];
      console.log("初始值"+this.data.result);
      for(var i=0;i

“微信小程序实现计算器功能的代码怎么写”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网页名称:微信小程序实现计算器功能的代码怎么写
网站网址:http://bjjierui.cn/article/phosgh.html

其他资讯