【JS】ミニロト、ロト6、ロト7番号ジェネレータを作ってみた
2017/12/05
以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト３種を選択できるようにしたものを作ってみました。
ロト番号ジェネレータ
デモ
↑ 画面イメージ
デモはこちらから。
ミニロト、ロト6、ロト7用の数字を重複なしで規定個数ランダムで出力
https://lightning-bolt.xyz/js/jquery.tgGenerateLotoNumber/
https://lightning-bolt.xyz/js/jquery.tgGenerateLotoNumber/
ソースコード
やっていることはほぼ前回のものと変わらず、ラジオボタンで選択できるようにしているだけです。
ラジオボタンの処理はこんな感じで。
選択によって仕様通りの数字を表示するよう、並列にセット。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
var lotoType = { "1" : ["5", "31", "ミニロト"], // MiniLoto "2" : ["6", "43", "ロト６"], // Loto6 "3" : ["7", "37", "ロト７"] // Loto7 } // ラジオボタン処理 $("[name='type']").change(function(){ type = $('input:radio[name=type]:checked').val(); $('.loto_howmany').html(lotoType[type][0]); // 作成する個数(MiniLoto:5 / Loto6:6 / Loto7:7) $('.loto_max_number').html(lotoType[type][1]); // 最大値(MiniLoto:31 / Loto6:43 / Loto7:37) $('.loto_name').html(lotoType[type][2]); }).trigger('change'); |
あとはサブミットされた時の処理という、簡単な流れです。
詳しく知りたいって方はソースをチェックして頂ければと思います。