【JS】ミニロト、ロト6、ロト7番号ジェネレータを作ってみた

以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト３種を選択できるようにしたものを作ってみました。

ロト番号ジェネレータ

デモ

↑ 画面イメージ

デモはこちらから。

ソースコード

やっていることはほぼ前回のものと変わらず、ラジオボタンで選択できるようにしているだけです。

ラジオボタンの処理はこんな感じで。
選択によって仕様通りの数字を表示するよう、並列にセット。

[js]
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');
[/js]

あとはサブミットされた時の処理という、簡単な流れです。
詳しく知りたいって方はソースをチェックして頂ければと思います。

-Javascript,jQuery
-javascript, jquery, js, Math.random(), ジェネレータ, ミニロト, ロト6, ロト7