DOCTYPE html>

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.

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__

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.

----Above is the code. For this assessment I need to insert the above functionality into the code can you suggest how