### [答题小程序怎么随机发题目](https://www.prosaas.cn/article/16530)

**Published:** 2020-09-25T08:10:40

**Author:** 5201314

**Excerpt:** 答题小程序随机发题目的方法：1、实现问题，代码为【35aa9aedb1fcc2c762f108d8fa39f1…

> 答题小程序随机发题目的方法：1、实现问题，代码为【35aa9aedb1fcc2c762f108d8fa39f1b7;2e1cf0710519d5598b1f0f14c36ba674请问你的名字？8c1ecd4bb896b2264e0711597d40766c】；2、随机数实现，代码为【goto\_logs: function(){}】。

![](https://img.php.cn/upload/article/000/000/015/5f6ff659a4eab381.jpg)

> **相关学习推荐：****微信小程序开发**

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

初始界面如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://img.php.cn/upload/image/544/354/667/1601173239582182.png)

以上就是答题小程序怎么随机发题目的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** display, flex, function, input, JS, math, var, 微信小程序

**Categories:** 后端开发

---