おみくじをつくろう
今度は自分でおみくじをしてくれる物を作ってみよう。
おみくじプログラムの要件
ボタンを押すとおみくじが引かれる
結果として「大吉」「中吉」「吉」「凶」「大凶」がある
それぞれの結果に合わせて、一文を表示させる（内容は任意）
結果が表示されるまでに少し待ちがある（「おみくじの結果は...」等と表示させたい）
もう一回引くためにはリセットボタンを押さないといけない
いけたらやりたいこと
おみくじの画像を利用したりしたい
凶と大凶だったら、「結ぶ」という動作（ボタン操作）でもう一回引ける
音も出せるかな？
サンプルコード
HTML
<!doctype html>
<html>
<head>
<title>おみくじ</title>
<script src="omikuji.js"></script>
</head>
<body>
<input type="button" value="おみくじを引く！" onclick="omikuji();" id="playBtn">
<div>
<div id="msgHeading" style="opacity: 0;">おみくじの結果は...</div>
<div id="msg1"></div>
<div id="msg2"></div>
</div>
<input type="button" value="リセット！" id="resetBtn" onclick="reset();" disabled="disabled">
</body>
</html>JavaScript (omikuji.js)
Last updated