Implementieren von Rechnerfunktionen mit dem WeChat-Applet

<Ansichtsklasse='Box'>
     <view class='txt'>{{Bildschirmnummer}}</view> 
    <view capture-bind:touchstart="rechnen">
     <Ansicht>
       <button data-val='clear' class='boxtn btn1'>AC</button>
       <button data-val='zurück' class='boxtn btn1'>←</button>
       <button data-val='#' class='boxtn btn1'>#</button>
       <button data-val='/' class='boxtn btn'>/</button>
     </Ansicht>
       <Ansicht>
       <button data-val='7' class='boxtn'>7</button>
       <button data-val='8' class='boxtn'>8</button>
       <button data-val='9' class='boxtn'>9</button>
       <button data-val='*' class='boxtn btn'>*</button>
     </Ansicht>
       <Ansicht>
       <button data-val='4' class='boxtn'>4</button>
       <button data-val='5' class='boxtn'>5</button>
       <button data-val='6' class='boxtn'>6</button>
       <button data-val='-' class='boxtn btn'>-</button>
     </Ansicht>
       <Ansicht>
       <button data-val='1' class='boxtn'>1</button>
       <button data-val='2' class='boxtn'>2</button>
       <button data-val='3' class='boxtn'>3</button>
       <button data-val='+' class='boxtn btn'>+</button>
     </Ansicht>
       <Ansicht>
       <button data-val='1' class='boxtn btn2'>0</button>
       <button data-val='.' Klasse='boxtn'>.</button>
       <button data-val='=' class='boxtn btn'>=</button>
     </Ansicht>
    </Ansicht>
</Ansicht>

.Kasten{
  Breite: 100 %;
  Höhe: 700px;
  Hintergrund: #000;
}
.txt{
  Farbe: #fff;
  Breite: 100 %;
  Höhe: 120px;
  Schriftgröße: 50px;
  Textausrichtung: rechts;
}
.boxtn{
  Breite: 90px;
  Höhe: 90px;
  Anzeige:Block;
  schweben: links;
  Randradius: 50 %;
  Zeilenhöhe: 90px;
  Textausrichtung: zentriert;
  Rand links: 3px;
  Rand oben: 5px;
  Farbe: #fff;
  Hintergrund: #333333;
  Schriftstärke: fett;
  Schriftgröße: 25px;
}
.btn{
  Hintergrund: #f09a37;
}
.btn1{
  Hintergrund: #a5a5a5;
  Farbe: #000;
}
.btn2{
  Breite: 180px;
  Rahmenradius: 40px;
}

//index.js
//Anwendungsinstanz abrufen const app = getApp()

Seite({

  /**
   * Ausgangsdaten der Seite */
  Daten: {
    screenNum: 0, //Die auf dem Bildschirm angezeigte Nummer currentNum: '', //Die aktuell eingegebene Nummer storage: 0, //Die gespeicherte Nummer operator: '', //Operator off: false,
  },

  berechne: Funktion (e) {
    var btn_num = e.target.dataset.val;
    var obj = dies;
    wenn (!isNaN(btn_num)) {
      wenn (obj.data.off == true) {
        obj.data.currentNum = ''
        obj.data.off = falsch;
      }
      obj.data.currentNum += btn_num
      obj.data.currentNum = Zahl(obj.data.currentNum);
      obj.data.currentNum = obj.data.currentNum.toString();
    } anders {
      Schalter (btn_num) {
        Fall '+':
        Fall '-':
        Fall '*':
        Fall '/':
        Fall '=':
          // Speichere die aktuelle Zahl auf dem Bildschirm und den Operator in der Variable if (obj.data.storage == 0) {
            obj.data.storage = obj.data.aktuelleNummer;
            obj.data.operator = btn_num;
          } anders {
            wenn (obj.data.off != true) {
              wenn (obj.data.operator == '+') {
                obj.data.currentNum = Zahl(obj.data.storage) + Zahl(obj.data.currentNum)
              } sonst wenn (obj.data.operator == '-') {
                obj.data.currentNum = Zahl(obj.data.storage) – Zahl(obj.data.currentNum)
              } sonst wenn (obj.data.operator == '*') {
                obj.data.currentNum = Zahl(obj.data.storage) * Zahl(obj.data.currentNum)
              } sonst wenn (obj.data.operator == '/') {
                obj.data.currentNum = Zahl(obj.data.storage) / Zahl(obj.data.currentNum)
              }
            }
            obj.data.storage = obj.data.aktuelleNummer;
            obj.data.operator = btn_num;
          }

          obj.data.off = wahr;
          brechen;
        Fall 'klar':
          obj.data.storage = 0;
          obj.data.currentNum = "0";
          obj.data.operator = '';
          brechen;
        Fall 'zurück':
          obj.data.currentNum = obj.data.currentNum.slice(0, -1);
          wenn (obj.data.currentNum == '') {
            obj.data.currentNum = "0";
          }
          brechen;
        Fall '.':
          if (obj.data.currentNum.indexOf('.') == -1) { // Prüfen, ob "." enthalten ist
            obj.data.currentNum += btn_num
          }
          brechen;
      }
    }
    obj.setData({
      Bildschirmnummer: obj.data.currentNum
    })
  },

})