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

PHPz
Libérer: 2020-09-27 10:21:53
original
3639 Les gens l'ont consulté

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>
Copier après la connexion

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
    })
    
  },
 
 })
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!