お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓

配列を使ったおみくじ 今日の運試しにいかが?

WEBデザイン
JavaScriptのお勉強(番外編)
配列からランダムにデータを取り出す方法を応用して、おみくじボタンを作ってみました。

配列に「大吉」「中吉」みたいなのを格納しておいて、ランダムに表示させるだけですね。

さて、今日の運勢は?(笑)
占う
※一度だけしか押せません。押すとボタンのinnerHTMLも変更されるようにしたわけですね。どうしてももう一度やりたい方はリロードして下さい(笑)

大吉
中吉
小吉
大凶
という比率の配列になっています。

大吉・大凶の出る確立は10%というわけですね(笑)

ソースコード
<script> function uranow(){ const uranai = ['大吉','中吉','小吉','凶','大凶','中吉','小吉','小吉','凶','小吉']; let num = Math.floor(Math.random()*10); document.getElementById('test').innerHTML = uranai[num]; } </script> <div onclick="uranow();">占う</div>
早いもので、もうお節の注文をしなければらない季節になりましたね。

(作れって?無理w)

コメント