;]; 2. Implémentation de nombres aléatoires, le code est [goto_logs: function(){}]."/> ;]; 2. Implémentation de nombres aléatoires, le code est [goto_logs: function(){}].">

Maison  >  Article  >  Applet WeChat  >  Comment le mini-programme de quiz publie-t-il des questions au hasard ?

Comment le mini-programme de quiz publie-t-il des questions au hasard ?

PHPz
PHPzoriginal
2020-09-25 16:10:403572parcourir

Comment poster des questions de manière aléatoire dans l'applet de réponse : 1. Pour implémenter la question, le code est [;]; 2. Implémentation de nombres aléatoires, le code est [goto_logs: function(){}].

Comment le mini-programme de quiz publie-t-il des questions au hasard ?

Recommandations d'apprentissage associées : Développement de mini-programmes WeChat

Comment envoyer des questions au hasard dans l'applet de réponse :

L'interface initiale est celle illustrée en 1. Si la réponse est mal saisie, cliquez sur OK et assurez-vous que le Le texte ci-dessous indique « Faux ! », cliquez pour sauter et un entier compris entre 0 et 9 est généré aléatoirement sous le saut, comme indiqué en 2. La réponse est saisie correctement, cliquez sur OK et le texte affiché est « Droit ! ».

Commencez par la simplicité et oubliez tout le reste.

Code index.wxml :

<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>

Le premier groupe est l'implémentation du problème. Le composant de formulaire contient la vue, l'entrée et le bouton, et la valeur renvoyée est tip.

Le deuxième groupe est l'implémentation du nombre aléatoire, le bouton, et la valeur renvoyée est suiji.

code index.js :

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
    })
    
  },
 
 })

la fonction formBindsubmit est le problème. La bonne réponse est "homme sans visage". Si vous entrez "homme sans visage", cela vous demandera "bien sinon!" faux" !".

La fonction goto_logs est aléatoire, principalement dans cette ligne var random = Math.floor(Math.random() * 10); prend une valeur comprise entre [0,10), incluant 0, mais n'incluant pas 10 .

Effet de réalisation :

Comment le mini-programme de quiz publie-t-il des questions au hasard ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn