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

2014/09/11 2017/12/05

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

ロト番号ジェネレータ

デモ

↑ 画面イメージ

デモはこちらから。

ソースコード

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

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

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');

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');

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

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

: 【JS】リセットボタン押下時にフォーム入力値・選択値をリセット、クリアする方法

検索条件などをフォームに記述・選択後、GET方式で引き継いでいる時、HTMLにある普通のリセットボタンではデータは初期化されません。そこで、jQueryを使ってデータを初期化するというイメージのスクリプトを作ってみましたのでご紹介。