ログイン

問題6 おみくじを作ろう!

jQueryAnimationの問題

jQueryAnimation

おみくじを作ろう!

問題

今回はデモのようなおみくじを作ってみましょう!

自分の環境に書くコード

              <button>ここをクリック</button>
<div class="result"></div>
¥HTML¥
            

期待する画面

コードのアイコン

解答ソースコード

              $(function () {
  $("button").click(function(){
    var num=Math.round(Math.random()*2);
    switch (num) {
      case 0:
        $(".result").text("大吉");
        break;
      case 1:
        $(".result").text("吉");
        break;
      case 2:
        $(".result").text("大凶");
        break;
    }
  });
});
¥JavaScript¥
            
答えのアイコン

解説

Math.randomで作られる数は0以上1未満の数です。なので解答のように三倍すると0以上3未満の数を発生させられます。その数をMath.roundの中に入れると四捨五入されるので0、1、2のいずれかの数が得られます。switchにその得られた数を与えてcaseで場合分すればくじ引きの完成です。
ログインして解答を見る
完了にする!
LINEの友達追加でお役立ち動画をGET!!