クイズ ミニ プログラムはどのようにして問題をランダムに投稿するのでしょうか?

回答アプレットにランダムに質問を投稿する方法: 1. 質問を実装するには、コードは [; あなたの名前は何ですか? ]; 2. 乱数の実装、コードは [goto_logs: function(){}] です。

関連する学習の推奨事項: WeChat ミニ プログラム開発

回答アプレットにランダムに質問を投稿する方法:

最初のインターフェイスは 1 に示すとおりです。間違った回答を入力した場合は、[OK] をクリックしてテキストが正しいことを確認してください。以下は「Wrong!」を示しており、クリックするとジャンプします。2 に示すように、ジャンプの下に 0 から 9 までの整数がランダムに生成されます。答えが正しく入力され、「OK」をクリックすると、テキストが「Right!」と表示されます。

シンプルなことから始めて、他のことは忘れてください。

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>

最初のグループは問題の実装で、フォーム コンポーネントにはビュー、入力、ボタンが含まれており、戻り値はtipです。

2 番目のグループは、乱数、ボタン、戻り値の実装です。

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 関数が問題です。正解は「faceless man」です。「faceless man」と入力すると、「そうです!」と入力されます。 "間違っている" ！"。

goto_logs 関数は、主にこの行でランダムです var random = Math.floor(Math.random() * 10); は、 [0,10) の間の値を取ります ( 0 は含みますが、 10 は含みません)。

達成効果:

以上がクイズ ミニ プログラムはどのようにして問題をランダムに投稿するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。