assignment 6.1: learning user input types

General Instructions

Use your site on the Lourdes DMS Domain to submit your files. Transfer your code files to the server, and then submit the URL of the specific page to the Assignments tool in Canvas.

Assignment Instructions

Create a page that demonstrates the user inputs listed below. You can refer to Tutorial 2 for guidance.

• create a type="color" input and use it to change the color of the background of an HTML element on the page*
• code the following HTML input elements on the page:
• group of at least 3 checkboxes or radio buttons
• date
• number, that only accepts values between 1 and 100
• output the value each input type (the input for the "color" type will be the changing background color, but the others should be explicitly reported out)

*Hint: when using JavaScript to modify CSS styles that have hyphens, replace the hyphen with a capital letter to start the next word, for example: document.getElementById("someid").style.backgroundColor = x;

For this assignment...

• the HTML page can contain only the elements described above
• you can use alert() statements to output your values, with the exception of the color input

• you may not copy code

Evaluation Criteria

To successfully complete this assignment, your page must

• code each of the input types described above
• collect values from user inputs
• output user input data
• demonstrate the algorithmic functionality described above
• be free of coding errors