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

PHPz
リリース: 2020-09-27 10:21:53
オリジナル
3639 人が閲覧しました

回答アプレットにランダムに質問を投稿する方法: 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: &#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 関数が問題です。正解は「faceless man」です。「faceless man」と入力すると、「そうです!」と入力されます。 "間違っている" !"。

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

達成効果:

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!