Der eigentliche Prozess der Implementierung des Zahlenrätsels im WeChat-Applet

<!--pages/index03/index03.wxml-->
<Klasse anzeigen="box2">
//URL ist die Seite, zu der ich springen möchte <navigator url="../index/index">
        <button type="primary">Spiel starten</button>
    </navigator>
</Ansicht>
<Klasse anzeigen="box2">
    <navigator url="../index01/index01">
        <button type="warn">Spielregeln</button>
    </navigator>
</Ansicht>
<Klasse anzeigen="box3">
    <navigator url="../index02/index02">
        <button type="default">Über Andere</button>
    </navigator>
</Ansicht>

/* Seiten/index03/index03.wxss */
.box2{
  Rand oben: 200rpx;
  Breite: 100 %;
  Höhe: 100rpx;
}
.box3{
  Rand oben: 240rpx;
  Breite: 100 %;
  Höhe: 100rpx;
}

<!-- index.wxml -->
<Klasse anzeigen="demo-box">
    <form>
        <block wx:if="{{isGameStart}}">
            <input type="number" placeholder="Bitte geben Sie eine Zahl zwischen 1-100 ein" bindinput="getNumber"></input>
            <button type='primary' form-type="reset" bindtap='guess' class="btn">Senden</button>
        </block>
        <block wx:sonst>
            <button type="primary" bindtap='restartGame'>Neustart</button>
        </block>
    </form>
    <text id="Tipp">{{Tipp}}</text>
</Ansicht>

/**index.wxss**/
Eingang{
  Rand: 2rpx durchgehend grün;
  Rand: 30 Rpx 0;
  Höhe: 90rpx;
  /* Abgerundeter Rand */
  Randradius: 20rpx; 
}
#Tipp{
  /* Feste Höhe */
  Höhe: 800rpx;
}
.demo-box{
  Höhe: 400rpx;
}
Navigator{
  Textausrichtung: zentriert;
}

// index.js
 
Seite({
  Daten: {
  
  },
  initial:funktion(){
    dies.setData({
      // Math.round auf Integer //Math.random() nimmt eine Zufallszahl, die nur eine Dezimalzahl zwischen 0 und 1 ist, also addieren wir hier * 100, um eine Zufallszahl zwischen 0 und 100 zu erhalten Antwort:Math.round(Math.random()*100),
      // Rundenzahl: 0,
      // Tipp-Anweisung tip:'',
      // Vom Benutzer erratene Zahl x: -1,
      // Das Spiel hat begonnen isGameStart:true
    });
    //Die Konsole druckt die Zufallszahl des Systems als Antwort aus console.log("Die Antwort ist "+this.data.answer);
  },
  // Die vom Benutzer eingegebene Nummer abrufen getNumber:function(e){
    dies.setData({
      x: e.detail.wert
    });
  },
  // Beginnen Sie in dieser Runde mit dem Raten der Zahlen guess:function(){
    // Holen Sie sich die vom Benutzer in dieser Runde eingegebene Nummer let x = this.data.x;
    // Setzt x auf den Zustand zurück, in dem keine neue Zahl abgerufen wird. this.setData({x:-1});
    wenn(x<0){
      // Eingabeaufforderung wx.showToast({
        Titel: 'Darf nicht kleiner als 0 sein',
      });
    }sonst wenn(x>100){
      wx.showToast({
        Titel: „darf nicht größer als 100 sein“,
      });
    }anders{
      // Die Anzahl der Runden erhöht sich let count = this.data.count + 1;
      // Aktuelle Trinkgeldinformationen abrufen let tip = this.data.tip;
      // Holen Sie sich die richtige Antwort let answer = this.data.answer;
 
      wenn(x == Antwort){
        Tipp + = '\n' + Anzahl + 'Runde:' + x + ', richtig geraten!';
        // Spiel endet this.setData({isGameStart:false});
      }sonst wenn(x > Antwort){
        Tipp + = '\n' + Anzahl + 'Runde:' + x + ', groß!';
      }anders{
        Tipp + = '\n' + Anzahl + 'Runden:' + x + ', zu klein!';
      }
        //Zähle die Anzahl der Runden. Hier stelle ich den Benutzer so ein, dass er nur 5 Mal raten darf, wenn (Anzahl == 5) {
        Tipp += '\nSpiel vorbei';
        this.setData({isGameStart:false});
      }
      // Aktualisiere die Eingabeaufforderungsanweisung und runde die Nummer this.setData({
        Tipp: Tipp,
        Anzahl:Anzahl
      });
    }
  },
  // Starte das Spiel neu restartGame:function(){
    dies.initial();
  },
  //Optionen(Objekt)
  beim Laden: Funktion (Optionen) {
    dies.initial();
  }

<!--pages/index01/index01.wxml-->
<Klasse anzeigen="demo-box">
<text>
 1. Das System generiert zufällig Zahlen von 1-100, die die Spieler erraten müssen. 2. Die Spieler haben 5 Chancen. 3. Die Spieler raten innerhalb von 5 Mal erfolgreich. 4. Klicken Sie auf „Spiel starten“, um die Benutzeroberfläche aufzurufen. 5. Die Spieler können von vorne beginnen, egal, ob sie richtig geraten haben oder nicht.</text>
</Ansicht>

/* Seiten/index01/index01.wxss */
.demo-box{
  Anzeige: Flex;
   //Vertikales Layout flex-direction: column;
  Elemente ausrichten: zentrieren;
  Inhalt ausrichten: Abstand herum;
  /* Breite: 400rpx; */
  Höhe: 100vh;
}
Text{
  Rand: 0,50 Rpx;
   //Zeilenhöhe line-height: 100rpx;
}

<!--pages/index02/index02.wxml-->
<Klasse anzeigen="demo-box">
<text>
 1. Das Spiel dient nur der Unterhaltung. 2. Dieses Spiel hat viele Mängel. 3. Die Spieler können Ihnen wertvolle Vorschläge machen. 4. Die Spieler können anhand der Hinweise raten, was eine große Hilfe sein wird.
</Ansicht>

/* Seiten/index02/index02.wxss */
.demo-box{
  Anzeige: Flex;
  Flex-Richtung: Spalte;
  Elemente ausrichten: zentrieren;
  Inhalt ausrichten: Abstand herum;
  /* Breite: 400rpx; */
  Höhe: 100vh;
}
Text{
  Rand: 0,50 Rpx;
  Zeilenhöhe: 100rpx;
}