Hello,

I have a question and I need help correcting the code currently have. This is for Capella class IT-FP3215. Can someone please show me the correct code to insert and get the output needed? The overview is listed below:

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 (in the zip file called IT-FP3215.zip) 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__

Now here is the code for the invitation.html. I am coding this in Notepad++ and need the code to work in that format. For some reason the IF ELSE statements aren't working right in Notepad++ the code is listed below that we have to change and create the above output

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.

Preparation

Download and unzip the IT-FP3215.zip file found in the Required Resources. It contains the initial framework for the site. All of the HTML files are located in the root directory. Images are placed in the images subdirectory; CSS files are placed under the css subdirectory. Your JavaScript external files should be placed under the js subdirectory (you will need to create it). When you submit your work, be sure to zip up the entire folder, including all of the ancillary files such as the images, CSS, and JavaScript code.

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.

Directions

Read the Overview. Use the invitation.html file in the Resources as a template for completing this assessment.

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.
• 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.

Submission Requirements

• 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.

There needs to be the ability to type in Recipients Name, Organization Name, Event Date, URL, and Host Name. Then have the output highlighted in bold. Below is the code I have currently. please review the code and show me where my errors are so I can have the output needed.

CapellaVolunteers.org

• Home
• Invitation
• Gallery
• Registration

Recipient name:

Organization Name:

Event Date:

URL:

Host Name:

HellorecipientName!

You have been invited to volunteer for an event held byorganizationName

oneventDate.Please come to the following website:websiteURL

to sign up as a volunteer.

Thanks!

hostName

This event site is for IT-FP3215 tasks.