Hello, I need help getting my code right for this assignment. Below. I have posted this question a couple of times and the code is still wrong. I have researched how to create id variables and still can't get the code to display the output correctly. are the instructions and the code I used, which isn't correct. My code below is wrong and needs to be able:

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; Expectations The JavaScript that you use in the course assessments should: Render and function properly in at least two of the following browsers: Chrome, Firefox, Edge, or Safari.

Be verified to be error-free, well-documented with comments, and appropriately constructed. Overview In this assessment, use the Web page called invitation.html found in the Required Resources to add functionality to an interactive form that generates an invitation to volunteers for an event. The file will have the following invitation message placeholder and a form below it.

You will add JavaScript to the form that will allow a user to dynamically fill out the invitation.

Hello __recipientName_____!

You have been invited to volunteer for an event held by __organizationName_____ on ___eventDate_____. Please come to the following website: to sign up as a volunteer.

Thanks!

__hostName__

Hints:

The placeholders (for example the recipientName) will need to be set up as elements with an assigned id attribute. Prompt the user to enter in the recipients name, organization name, event date, and host name. Using JavaScript, replace those elements dynamically with what the user has entered in the form.

Use the forms input fields (once submitted) to store the values to JavaScript variables. Then manipulate the DOM to replace the element content dynamically.

Tip: Variable names cannot include any special characters or spaces. They cannot start with a number. They also cannot be any of JavaScripts reserved words.

Write JavaScript that enables the invitation to be dynamically completed using the form. Make sure to do each of the following: 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. Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code.

BELOW IS THE CODE FOR THE INVITATION PAGE THAT NEEDS TO BE CORRECTED Step 1/1 To add functionality to the interactive form that generates an invitation to volunteers for an event, you need to declare variables to store the input field data, store the input field data into the variables on form submit, and manipulate the DOM to replace placeholder data with the variables. Below is the corrected code with comments:

CapellaVolunteers.org

• Home

• Invitation

• Gallery

• Registration

Recipient name:

Organization name:

Event Date:

URL:

Host name:

Hello recipientName!

You have been invited to volunteer for an event held by organizationName on eventDate. Please come to the following website: websiteURL to sign up as a volunteer.

Thanks!

hostName

This events site is for IT-FP3215 tasks.