Heim > WeChat-Applet > Mini-Programmentwicklung > Wie postet das Quiz-Miniprogramm nach dem Zufallsprinzip Fragen?

Wie postet das Quiz-Miniprogramm nach dem Zufallsprinzip Fragen?

PHPz
Freigeben: 2020-09-27 10:21:53
Original
3681 Leute haben es durchsucht

So posten Sie zufällig Fragen im Frage-Antwort-Applet: 1. Um die Frage zu implementieren, lautet der Code [;] 2. Zufallszahlenimplementierung, der Code lautet [goto_logs: function(){}].

... , klicken Sie auf OK. Stellen Sie sicher, dass der Text unten „Falsch!“ anzeigt, klicken Sie, um zu springen, und eine Ganzzahl zwischen 0 und 9 wird zufällig unter dem Sprung generiert, wie in 2 gezeigt. Die Antwort ist korrekt eingegeben, klicken Sie auf OK, und die Der Text zeigt „Richtig!“ an. Wie postet das Quiz-Miniprogramm nach dem Zufallsprinzip Fragen?

Beginnen Sie mit der Einfachheit und vergessen Sie alles andere.

index.wxml-Code:

<form bindsubmit="formBindsubmit">
  <view style="display:flex;">
    <label>请问你的名字?</label>
  </view>
  <view style="display:flex;">
    <label>答案:</label>
    <input name="psw" placeholder="请输入答案!"/>
  </view>
  <view style="display:flex;margin-top:30px;">
    <button style="width:30%;" formType="submit" >确定</button>
  </view>
</form>
<view>{{tip}}</view>
<view style="display:flex;margin-top:30px;">
  <button style="width:30%;" bindtap="goto_logs" >跳转</button>
</view>
<view>{{suiji}}</view>
Nach dem Login kopieren
Die erste Gruppe ist die Implementierung des Problems. Die Formularkomponente enthält Ansicht, Eingabe und Schaltfläche, und der zurückgegebene Wert ist „tip“. Die zweite Gruppe ist die Implementierung von Zufallszahlen, Schaltflächen und der zurückgegebene Wert ist Suiji. index.js-Code:

Page({
  data: {
    // text:"这是一个页面"
    tip: &#39;对错&#39;,
    suiji:&#39;00&#39;
  },
  formBindsubmit: function (e) {
    if (e.detail.value.psw == "无面人") {
      this.setData({
        tip: &#39;对了!&#39;
    })
    }
    else {
      this.setData({
        tip: &#39;错了!&#39;
      })
    }
  },
  goto_logs: function () {
    var random = Math.floor(Math.random() * 10);
    this.setData({
      suiji: random
    })
    
  },
 
 })
Nach dem Login kopieren

formBindsubmit-Funktion ist die Frage. Die richtige Antwort lautet „gesichtsloser Mann“, andernfalls wird „falsch“ angezeigt.

Die Funktion goto_logs ist zufällig, hauptsächlich weil diese Zeile var random = Math.floor(Math.random() * 10); einen Wert zwischen [0,10) annimmt, einschließlich 0, aber nicht einschließlich 10.

Erzielte Wirkung:

Das obige ist der detaillierte Inhalt vonWie postet das Quiz-Miniprogramm nach dem Zufallsprinzip Fragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage