On this HTML Page, i am creating a web page that provides an input form for registering users to a gym. The form should ask for the users full name, age, height (via two drop downs for feet and inches between 4 feet 6 feet 11 inches), and planned start date (via a date input). In the form i have two buttons, register and reset. I need these two buttons to do the following things.

Create an empty table below the form, where each column of the table corresponds to one of the input fields (i.e. you should create header cells for the first row of the table).

When Register button is clicked, add a new row to the table and clear the form each cell of the row should correspond to one of the input fields from the form (for height, merge the input from the two drop downs into one cell). Rows of the table should have alternating background colours.

Reset Information button should clear the form.

Here is my HTML code.

Gym Membership Sign Up

Please complete the form below:

Full Name:

Age:

Height: 4 5 6 0 1 2 3 4 5 6 7 8 9 10 11

Plan Start Date: