jQueryAnimation
Googleでログイン
問題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で作られる数は０以上１未満の数です。なので解答のように三倍すると０以上３未満の数を発生させられます。その数をMath.roundの中に入れると四捨五入されるので０、１、２のいずれかの数が得られます。switchにその得られた数を与えてcaseで場合分すればくじ引きの完成です。
ログインして解答を見る
#忍者CODE無料問題集で活動を記録しよう
完了にする！
