微信小程序实现简单的计算器功能，博智网带你了解详细信息。

本文实例为大家分享了小程序实现计算器功能的具体代码，供大家参考，具体内容如下

wxml

view class=' content '输入值=' https://www。YF-zs。com/redian/{ {计算} } /input view class=' box ' button class=' yellow-color '退格/button button class=' yellow-color ' bind tap=' empty清屏/button button class=' yellow-color '/buttonbindtap=' add ' data-text=' ' class=' yellow-color '/button/view view view class=' box ' button bindtap=' add ' data-text=' 9 ' 9/buttonbindtap=' add ' data-text=' 8 ' 8/buttonbindtap=' add ' data-text=' 7 ' 7/buttonbuttonbindtap=add ' class=' yellow-color ' data-text='-'-'-'/button/view class=' box '按钮绑定. /按钮按钮历史/button button class=' yellow-color ' bind tap=' RES '=/button/view/view

wxss

输入{宽度：95%；高度：250rpxmargin:0auto自动；保证金-底部：20 rpxborder-bottom :1 rpx solid # CCC；}.box { display:flex}按钮{ width :20%；高度：150rpx保证金-底部：20 rpx行高高度：150rpx背景色：rgb(0，150，250)；颜色：白色；}.黄色{背景色：rgb(247，142，24)}

射流研究…

//index.js//获取应用实例constapp=getApp()Page({ data : { calculation : ' 'result:0，character:[]，//运算符号operand:[]，//数字temp:false}，//输入框输入数据添加：函数(e){ letin put=e .当前目标。数据集。文本；varthat=this if(input==' ' | | input=='-' | | input==' * ' | | input=='/'){ this。数据。temp=false//用于记录上一次是否是操作符varitem=' character[' this。数据。性格。长度“]”；这个。setdata({[item]: input })} else { varitem=' operand[' this。数据。操作数。长度“]”；if(that.data.temp){//拿到前一个的值varres=' operand['(this。数据。操作数。length-1)']' varress=that。数据。操作数。长度-1；var XYZ=那个。数据。操作数[RESS]* 10 parse int(输入)；那个。setdata({[RES]: XYZ })} else { input=parse int(input)；那个。数据。temp=true那个。setdata({[item]: input })} }//将所有的内容放到显示框中这个。setdata({计算：这个。数据。计算输入})}，//计算答案RES :函数(){控制台。日志(这个。数据。性格。长度)；控制台。日志(这个。数据。操作数。length)var character _ len=this。数据。性格。长度；var operand _ len=this。数据。操作数。长度；控制台。log(操作数_长度-字符_长度)if(操作数_长度-字符_长度==1){ this。数据。结果=这个。数据。操作数[0]；console.log('初始值这个。数据。结果)；for(vari=0；icharacter _ lenI){ if(这个。数据。character[I]==' '){ this。数据。结果=这个。数据。结果是这样。数据。操作数[I 1]；}如果(这个。数据。character[I]=='-'){这个。数据。结果=这个。数据。结果——这个。数据。操作数[I 1]；}如果(这个。数据。character[I]==' *){这个。数据。结果=这个。数据。结果*这个。数据。操作数[I 1]；}如果(这个。数据。字符[I]=='/'){ this。数据。结果=这个。数据。结果/这个。数据。操作数[I 1]；} } }否则{这个。setdata({结果： '输入有误，清空数据，重新输入})}这个。setdata({计算：这个。数据。结果})}，//清空屏幕空：函数(){ this。setdata({计算： ' '结果：0，字符：[]，//运算符号operand:[]，//数字【微信小程序实现简单的计算器功能】以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持趣讯吧。