Das WeChat-Applet implementiert eine einfache Taschenrechnerfunktion

Seite({
  Daten: {
   Ergebnis: „0“,
   id1:"löschen",
   id2:"zurück",
   id3:"Zeit",
   id4:"div",
   id5:"mul",
   id6:"sub",
   id7:"Hinzufügen",
   id8:"Punkt",
   id9:"gleich",
   id10:"Anzahl_0",
   id11:"Nummer_1",
   id12:"Nummer_2",
   id13:"Anzahl_3",
   id14:"Anzahl_4",
   id15:"Anzahl_5",
   id16:"Anzahl_6",
   id17:"Anzahl_7",
   id18:"Anzahl_8",
   id19:"Nummer_9",
   buttonDot:false,
   ist_Zeit:false
  },
  KlickButton: Funktion (e) {
   konsole.log(e);
   var buttonVal = e.target.id;
   var res = dieses.Daten.Ergebnis;
   wenn(diese.Daten.ist_Zeit==true){
    res=0
  }
   var newbuttonDot=diese.data.buttonDot;
   var-Zeichen;
   wenn (buttonVal >= "num_0" && buttonVal <= "num_9") {
    var num=buttonVal.split('_')[1];
    wenn (res == "0" || ((res.length-0) -(length-1)) == "=") {
     res = Zahl;
    }
    anders {
     res = res + num;
    }
   }
   anders{
    wenn(buttonVal=="Punkt")
    {
     wenn(!neuerButtonPunkt)
     {
      res = res + '.';
     }
    }
    sonst wenn(buttonVal=="löschen")
    {
     res='0';
    }
    sonst wenn(buttonVal=="zurück")
    {
     var Länge=Res.Länge;
     wenn (Länge>1)
     {
      res=res.substr(0,Länge-1);
     }
     anders{
      res='0'; 
     }
    }
    sonst wenn (buttonVal == "div" || buttonVal == "mul" || buttonVal == "sub" || buttonVal == "add")
    {
      wenn(res.length){}
      anders{
        res = JSON.stringify(res)
      }  
      var is_sign=res.substr(res.Länge-1,res.Länge)
      wenn(ist_sign=="+"||ist_sign=="-"||ist_sign=="×"||ist_sign=="÷"){
        res=res.substr(0,res.Länge-1);
      }
     Schalter(Tastenwert){
      Fall "div":
       Zeichen = '÷';
       brechen;
      Fall "mul":
       Zeichen = '×';
       brechen;
      Fall "sub":
       Zeichen='-';
       brechen;
      Fall "Hinzufügen":
       Zeichen='+';
       brechen;
     }
     wenn(!isNaN(res.length))
     {
      Res.Länge-1;
      res=res+Vorzeichen;
     }
    }
   }
   dies.setData({
    ist_Zeit:false,
    Ergebnis: res,
    buttonDot:neuerbuttonDot,
   });
  },
  gleich: Funktion(e){
   var str=dieses.Datenergebnis;
   var Element = "";
   var strArray = [];
   vartemp=0;
   für(var i=0;i<=str.length;i++){
    var s = str.charAt(i);
    wenn((s!='' && s>='0' && s<='9') || s=='.'){
     Artikel=Artikel+s;
    }
    anders{
     strArray[temp]=Element;
     Temperatur++;
     strArray[temp]=s;
     Temperatur++;
     Artikel = '';
    }
   }
   wenn(istNaN(strArray[strArray.length-1]))
   {
    strArray.pop();
   }
   Variablennummer;
   var res=strArray[0]*1;
   für(var i=1;i<=strArray.length;i=i+2){
    Anzahl=strArray[i+1];
    Schalter(strArray[i]){
     Fall "-":
      res = (res-0)-(Anzahl-0);
      brechen;
     Fall "+":
      res = (res-0) + (num-0);
      brechen;
     Fall "×":
      res = (res-0)* (num-0);
      brechen;
     Fall "÷":
     wenn(num!='0')
     {
      res = (res-0)/ (Anzahl-0);
     }
     anders
     {
      res = "∞";
      brechen;
     } 
      brechen;
    }
   }
   dies.setData({
    Ergebnis:res,
   });
  },
  Zeit:Funktion(e){
   var util = require("../../utils/util.js");
   var Zeit = util.formatTime(neues Datum());
   dies.setData({
    Ergebnis: Zeit,
    ist_Zeit:wahr
   });
  }})

<!--index.wxml-->
<view class="project_name">Einfacher Rechner</view>
<view class="Bildschirminhalt">
  <view class="screen">{{Ergebnis}}</view>
</Ansicht>
<Klasse anzeigen="Inhalt"> 
 <Klasse anzeigen="Schaltflächengruppe">
  <button id="{{id1}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">C</button>
  <button id="{{id2}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">BS</button>
  <button id="{{id3}}" bindtap="Zeit" class="buttonitem color" hover-class="shadow">
  <icon Typ="Warten" color="#66CC33"></icon>
  </button>
  <button id="{{id4}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">÷</button>
 </Ansicht> 
 <Klasse anzeigen="Schaltflächengruppe"> 
  <button id="{{id17}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">7</button>
  <button id="{{id18}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">8</button>
  <button id="{{id19}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">9</button>
  <button id="{{id5}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">×</button>
 </Ansicht>
 <Klasse anzeigen="Schaltflächengruppe">
  <button id="{{id14}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">4</button>
  <button id="{{id15}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">5</button>
  <button id="{{id16}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">6</button>
  <button id="{{id6}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">-</button>
 </Ansicht>
 <Klasse anzeigen="Schaltflächengruppe">
  <button id="{{id11}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">1</button>
  <button id="{{id12}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">2</button>
  <button id="{{id13}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">3</button>
  <button id="{{id7}}" bindtap="clickButton" class="buttonitem color" hover-class="shadow">+</button>
 </Ansicht>
 <Klasse anzeigen="Schaltflächengruppe">
  <button id="{{id10}}" bindtap="clickButton" class="buttonitem1 color" hover-class="shadow">0</button>
  <button id="{{id8}}" bindtap="clickButton" class="buttonitem1 color" hover-class="shadow">.</button>
  <button id="{{id9}}" bindtap="gleich" class="gleich" hover-class="shadow">=</button>
 </Ansicht>
</Ansicht>

/**index.wxss**/
Seite{
  Hintergrund: #f5f5f5;
 }
 .Projektname{
   Position: absolut;
   oben: 25px;
   Breite: 100 %;
   Textausrichtung: zentriert;
   Schriftgröße: 30px;
 }
 .Bildschirminhalt{
  Position: fest;
  Farbe: #1b1717;
  Hintergrund: #fff;
  Schriftgröße: 40px;
  unten: 390px;
  Textausrichtung: rechts;
  Höhe: 100px;
  Breite: 100 %;
  Zeilenumbruch: Wort umbrechen;
  Rahmen oben: 1px durchgezogen #a8a8a8;
  Rahmen unten: 1px durchgezogen #a8a8a8;
 }
 .Bildschirm{
  Position: absolut;
  Schriftgröße: 40px;
  Textausrichtung: rechts;
  unten: 0px;
  Breite: 96%;
  links: 2 %;
  Zeilenumbruch: Wort umbrechen;
 }
 .Inhalt{
  Position: fest;
  unten: 0;
 }
 .buttonGroup{
  Anzeige: Flex;
  Flex-Richtung: Reihe;
 }
 .buttonitem{
  Textausrichtung: zentriert;
  Zeilenhöhe: 120rpx;
  Breite: 25 %;
  Randradius: 0;
 }
 .buttonitem1{
  Breite: 192rpx;
  Textausrichtung: zentriert;
  Zeilenhöhe: 120rpx;
  Randradius: 0;
 }
 Symbol{
  Position: absolut;
  oben: 20 %;
  links: 67rpx;
 }
 .Farbe{
  Hintergrund: #fff;
 }
 .gleich{
   Breite: 380rpx;
   Textausrichtung: zentriert;
   Zeilenhöhe: 120rpx;
   Randradius: 0;
   Hintergrund: #fff;
 }
 .Schatten{
  Hintergrund: #e9ebe9;
 }