Need help with Javascript and HTML

Create a webpage for the user to adjust the format of date and to generate a linear gradient background: (1) The title of the webpage is "Gradient Generator"; (2) Put your name on the page in Header 1 text; (3) Use a paragraph to show today's date, and a drop-down selection list for the user to choose the date format, as the screenshot below. If the user changes the format, the webpage updates the format of today's date; John Smith Fion is pizingz Fomat 119 (4) Place a 200 pixel by 200 pixel empty division; (5) Use a table for layout of text labels, one number input, two color inputs, and a button. They are used to set the direction of the gradient line, color stops at 0% and 100% along the gradient line, respectively, as the screenshot below