「Javascript/jquery」課題

OVERVIEW

ルーレット

YEAR 2021

Javascriptとjqueryを用いて、

Web上で動くルーレットの作成をしました。


【仕組み】

➀スタートを押すと16の番号がランダムに赤色に点滅

②ストップを押すとどこか1つのマスで点滅が停止し、色がピンクに変化

➂再度スタートを押すと、一度停止したマスは黄色に変化し、それ以外の数字がランダムに赤色に点灯

④16回停止後はスタートが押せなくなり終了


【制作期間】

7日間


【気付き】

スタート、ストップ、リセットと状況に応じて動作を指定する必要があり、タイマーの仕組みと合わせて構築することはとても頭を使いました。

jqueryを合わせて使うことで、複雑なコードをまとめることができて、見やすいコードとなったので、組み合わせの重要さを感じました。


WEBSITE