solution file attachment(s)
Preview of Unit-01-Assignment-1.docx
Unit 01 Assignment 1
Using Variables in a Form
Render and function properly in at least two of the following browsers: Chrome, Firefox, Edge, and Safari.
Be verified to be error free, well documented with comments, and appropriately constructed.
You have been invited to volunteer for an event held on July 1st. Please respond to this email to sign up as a volunteer.
To get you started, in your .js file, you need to first declare the variable names such as:
Then, you would need to set the variable to the input fieldâ€™s value:
myRecipientName = document.getElementById(â€œrecipientNameInputâ€).value;
Next, you would then need to set the innerHTML of the span element of the corresponding name like:
document.getElementById(â€œrecipientNamePlaceholderâ€).innerHTML = myRecipientName;
Note: This course requires you to use a text editor to complete your work. There are many free open source options on the Internet from which you may choose. See the Suggested Resources for links to free, open source text editors.
Read the Overview. Use the invitation.html file in the Resources as a template for completing this assessment.
Declare variables to store the input field data.
Store the input field data into the variables on form submit.
Manipulate the DOM to replace placeholder data with the variables.
Once completed, view your pages in each of your two selected Web browsers to see if the content renders appropriately and consistently within each. Next, verify that your code is error-free using the appropriate browser-specific development tool found in the Resources. Take a screen capture of each of your validation results and save it for submission.
Upload all your website files to a hosting service of your choice. Two free sites to consider are Freehosting.com or 000webhost.com. See the Suggested Resources for links.
Submit your work in the courseroom using a single Zip file containing the following:
Your entire Web site (including the updated â€œinvitation.htmlâ€ file).
A Word document with:
The url to your Web site so faculty can view your site on a live host.
A screen capture of each of your two validations that you completed using the developer tools found in the Resources.
Using Variables in a Form Scoring Guide.
Safari Web Inspector Guide.
Microsoft Edge Dev Tools.
IT 3215 Web Site Zip Files.