問題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で場合分すればくじ引きの完成です。
ログインして解答を見る
#忍者CODE無料問題集で活動を記録しよう
完了にする!