Create a single-page responsive web app called "Lucky Lotto Number Generator" for generating Taiwan Lotto numbers (Big Lotto).
Users must input the following required fields (all fields are mandatory and must be validated before generating numbers):
Select a lucky color using a color picker (required)
Enter birth date (Gregorian calendar) using a date picker (required)
Select their Chinese zodiac sign (list of 12 animals) (required)
Enter their current location (city name) (required, cannot be empty)
Enter their full name (required, cannot be empty)
Enter the number of lucky number sets to generate (1 to 5 sets) (required, must be a valid number within range)
Add input validation to ensure all fields are properly filled in before allowing the user to generate numbers. Show user-friendly error messages if validation fails.
The app will calculate lucky numbers based on:
Heaven (天): The current date and time (timestamp)
Earth (地): The user’s entered location
Human (人): The total stroke count of the user’s name (simulate stroke count calculation)
Color: Convert the selected hex color code into a number
Zodiac: Use the selected zodiac sign to influence the calculation (based on the year cycle)
Set count: Number of sets the user requested
Each generated set must contain 6 unique numbers between 01 and 49, simulating the Taiwan Big Lotto rules.
Design features:
Display generated numbers grouped into sets
Numbers should be styled visually (e.g., colorful lottery balls)
A "Generate" button to perform the calculation
Input fields should have validation and error messages if left empty or invalid
Use modern, clean, and mobile-friendly design (responsive layout)
Use plain HTML, CSS, and JavaScript. Do not use frameworks, but you may use a third-party color picker library.
Copied
Duplicate the sample to my website
{{ item.name }}{{ item.title }}
Duplicate
Close
