Goal:

Use JavaScript to create an interactive website that allows the user to customize the page that they view.

Step $1$: Create an HTML page that contains a user greeting $($e$.$g$.$ "Hello User!"$)$ inside an a element.

Step $2$: Further down the page, add the following properly labelled page elements that will allow the user to customize

the greeting and brief message created in Step $1$:

A text box for the user to enter their name $($to customize the greeting$)$

A text box for the user to enter the brief message to be displayed inside of the element created in step $1.$

A drop down menu that allows the user to choose the background color of the page from several options.

A submit button that puts these changes into effect.

Step $3$: Create a JavaScript file that updates the user greeting, brief message, and background color of the page based on

the options that the user selects when the button is clicked. Remember to link your JavaScript file to your HTML file.

Step $4$: Create a CSS file that adds styling to your page.

Extra Credit $($up to $3$ points$)$:

Add $"$To Do List" functionality that allows the user to add $"$To Do$"$ items using an additional text box and button. Each

$"$To Do$"$ item should be stored as a list item inside of an ordered list.

Upload all of the html$,$ css$,$ js$,$ and any image files necessary to view your site. Screenshots of these files are not an

acceptable substitute.

If possible, I suggest keeping all files in a single directory and uploading them individually to Canvas. If your site uses a

more complex file hierarchy, you may save it to ZIP and upload that ZIP file. No other compression formats $(7$ZIP, etc$)$

will be accepted.