ログイン
問題6

おみくじを作ろう!

アイコン画像

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

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

エディターのアイコンあらかじめエディタに書くコード

                <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で場合分すればくじ引きの完成です。
ログインして解答を見る
jQueryAnimationを学ぶなら現役エンジニア監修「甲賀コース」
キャンペーン

閉じる