Question: Assignment question: Using HTML, CSS, form and Javascript to develop the content as shown below. There are 3 parts and all parts must be in





Assignment question: Using HTML, CSS, form and Javascript to develop the content as shown below. There are 3 parts and all parts must be in a single html file including the CCS and Javascript content. All source codes need to follow proper programming style and convention to enhance its readability. Your report must include the screenshot of your webpage, your code and the explanation of all your code. Highlight those key constructs you have used by showing the code segment from your html Part 1: A table reflecting the following information. The format must be as shown below. CSIT128: Assignment 1 Tutorial x 1234567 John Ah Dog johnad@gmail.com Student Number/ Name / Email 7654321 Hello testing hello@hotmail.com.sg Part 2: Build a form with the following text fields which must be filled out by the user: Customer name : should starts with a character in the range a-z or A-Z Address: the full address including block, street, and postal code Country: a list of Asian country Verify: this is a button to verify the validity of the address by showing a map via street Order date: should have the format DD/MM/YYYY, for example, 21/01/2021 Contact number: should have the format (CC)NNNNNNNNNN, where each CC is a 2-digit code and NNNNNNNNNN is a 10-digit number, for example, (02)0123456789 Credit card number: should have the format XXXX-XXXX-XXXX-XXXX, where each X is a number digit, for example 1234-5678-1234-5678. Expiry date - month part: should be 01, 02, 03, ..., or 11, 12. Expiry date-year part: a number in the range from 2017 to 2027. CW number: a 3-digit code, for example, 035 Part 3: Use Javascript code to validate the form. In case of incorrect data entry, the user should be informed by an alert box. 2 buttons: "Start" and "Clear"; 2 rectangular boxes with colors black and gray appearing side by side 2 buttons:"->" and "" button, the user's name will appear in the gray box. If the user clicks on the
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
