「JSBin（ジェイエスビン）」オススメです！！

こんにちは、プライムハートのL.Zです

「JSBin（ジェイエスビン）」というインターネット上で

「JavaScript」を実行、共有できるサイトを紹介します

前回紹介した「jsFiddle（ジェイエスフィドル）」と機能と使い方はほぼ同じです。

「html」と「css」と「JavaScript」のところにコードを記入すると

自動で「Output」が更新されます。

今回は「Lottery(ロト)」プログラムの画面デザインに挑戦です。

最近人気？の「Bootstrap」という「CSSフレームワーク」を利用してみました。

「CSS」を記述しなくてもよいので便利です

「LotteryQuickPick.jp」というそれっぽい？名前にしてみました。

ボタンを「Click」する毎に5回分数字がランダム表示されるのと、コンボボックスでロトの種類が選択できるようにちょっとだけ修正しました。

ロトの種類によって選べる数字の範囲と数がそれぞれ異なります。

・LOTO6 :範囲：1～43、本数字：6個、ボーナス数字：1個

・LOTO7 :範囲：1～37、本数字：7個、ボーナス数字：2個

・MINILOTO :範囲：1～31、本数字：5個、ボーナス数字：1個

オサレな画面にしたかったけど、デザインはなかなか難しいですね

エディット画面で自由に修正することができるので興味のある方は、いろいろ修正してみるとおもしろいかも？ですね

プライムハートblog～一人はみんなのために　みんなはひとりのために～