台湾のロト番号(ビッグロト)を生成するための「ラッキーロト番号ジェネレーター」と呼ばれるシングルページのレスポンシブウェブアプリを作成します。
ユーザーは以下の必須フィールドを入力する必要があります(すべてのフィールドは必須であり、番号を生成する前に検証する必要があります):
カラーピッカーを使用してラッキーカラーを選択する(必須)
日付ピッカーを使って生年月日(グレゴリオ暦)を入力する(必須)
干支(十二支のリスト)を選択(必須)
現在地(都市名)を入力(必須、空欄は不可)
フルネームを入力してください。
生成するラッキーナンバーのセット数(1~5セット)を入力(必須、範囲内の有効な数字であること)
ユーザーが数字を生成できるようにする前に、すべてのフィールドが適切に入力されていることを確認する入力検証を追加します。バリデーションに失敗した場合は、ユーザーフレンドリーなエラーメッセージを表示します。
このアプリは以下に基づいてラッキーナンバーを計算します:
天現在の日付と時刻(タイムスタンプ)
地(地):ユーザーが入力した場所
人(人):ユーザーの名前の総画数(画数計算のシミュレート)
色:選択された16進数カラーコードを数値に変換
干支:選択した干支を計算に使用します。
セット数:ユーザーが要求したセット数
生成された各セットは、台湾ビッグロトのルールをシミュレートし、01から49の間で6ユニークな数字が含まれている必要があります。
デザインの特徴
セットにグループ化された生成された番号を表示
数字は視覚的にスタイリッシュであるべき(例:カラフルな抽選ボール)
計算を実行するための「生成」ボタン
入力フィールドにはバリデーションが必要で、空欄や無効な場合はエラーメッセージが表示される。
モダンでクリーンな、モバイルフレンドリーなデザインを使用する(レスポンシブ・レイアウト)
プレーンなHTML、CSS、JavaScriptを使用すること。フレームワークは使用しないでください。ただし、サードパーティのカラーピッカーライブラリを使用することは可能です。
コピー