答题小程序实现随机发题目的方法探究

why 292 2024-07-05

答题小程序随机发题目的方法:1、实现问题,代码为【;请问你的名字?】;2、随机数实现,代码为【goto_logs: function(){}】。

答题小程序怎么随机发题目

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

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

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

index.wxml代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<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代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

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

    })

     

  },

  

 })

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

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

实现效果:

image.png


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:个人申请的小程序具备哪些功能详细介绍
下一篇:小程序里开通支付功能的方法步骤详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~