Problem
Goal: Use JavaScript to make an interactive website that allows the user to customize the page that they view.
Step I: Make an HTML page that contains a user greeting (e.g. "Hello User!") inside an
element and a brief message inside a
element.
Step II: Further down the page, add the following properly labelled page elements that will allow the user to customize the greeting and brief message made in Step 1:
i. A text box for the user to enter their name (to customize the greeting)
ii. A text box for the user to enter the brief message to be displayed inside of the
element made in step 1.
iii. A drop down menu that allows the user to choose the background color of the page from several options.
iv. A submit button that puts these changes into effect.
Step III: Make 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 IV: 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.
Step V: Make a CSS file that adds styling to your page.