答题小程序如何实现随机发题目

这篇文章主要介绍了答题小程序如何实现随机发题目，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

目前创新互联已为上千余家的企业提供了网站建设、域名、网页空间、网站托管、服务器租用、企业网站设计、富锦网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

答题小程序随机发题目的方法：1、实现问题，代码为【<view style="display:flex;">;<label>请问你的名字？</label>】；2、随机数实现，代码为【goto_logs: function(){}】。

答题小程序随机发题目的方法：

初始界面如1，答案输入错了，点击确定，确定底下的文本显示“错了！”，点击跳转，跳转下面随机生成一个0-9之间的整数，如2所示，答案输入正确了，点击确定，文本显示就是“对了！”。

先从简单入手，别的不管了。

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>

第一组是问题实现，form组件里面有view、input、button，返回的值是tip。

第二组是随机数实现，button，返回的值是suiji。

index.js代码：

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

formBindsubmit函数是问题的，正确答案是“无面人”，输入“无面人”就提示“对了！”否则“错了！”。

goto_logs函数就是随机了，主要是这行var random = Math.floor(Math.random() * 10);在[0,10）之间取值，包括0，但不包括10。

实现效果：

感谢你能够认真阅读完这篇文章，希望小编分享答题小程序如何实现随机发题目内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!

本文名称：答题小程序如何实现随机发题目
网站网址：https://www.cdcxhl.com/article22/iggijc.html

成都网站建设公司_创新互联，为您提供营销型网站建设、企业网站制作、企业建站、网站维护、关键词优化、网站排名

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联