IT 3215 Unit 1 Assignment: Using Variables in a Form -

IT 3215 Unit 1 Assignment: Using Variables in a Form

IT 3215 Unit 1 Assignment Using Variables in a Form

Using Variables in a Form

Expectations

The JavaScript that you use in the course assignments should:

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.

Overview

In this assignment, 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 functionality 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 on July 1st. Please respond to this email 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 recipient’s name, and host name (Your name). Using JavaScript, replace those elements dynamically with what the user has entered in the form.

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

To get you started, in your .js file, you need to first declare the variable names such as:

IT 3215 Unit 1 Assignment Using Variables in a Form

varmyRecipientName;

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 on your submit button, a JavaScript event handler has been defined on the submit of the form. Notice that it has a return false to prevent the form from actually submitting.

Hint: See what happens when you remove the “return false” from the JavaScript code.

Tip: Variable names cannot include any special characters or spaces. They cannot start with a number. They also cannot be any of JavaScript’s reserved words. Remember as well that JavaScript is case sensitive.

Click here to ORDER an A++ paper from our MASTERS and DOCTORATE WRITERS: IT 3215 Unit 1 Assignment: Using Variables in a Form

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” subdirector. 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.

Example assignments: You may use the assignment examples, linked in the Resources, to give you an idea of what a Proficient or higher rating on the scoring guide would look like.

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.

IT 3215 Unit 1 Assignment Using Variables in a Form Grading Rubric

Performance Category	100% or highest level of performance 100% 16 points	Very good or high level of performance 88% 14 points	Acceptable level of performance 81% 13 points	Inadequate demonstration of expectations 68% 11 points	Deficient level of performance 56% 9 points	Failing level of performance 55% or less 0 points
Total Points Possible= 50	16 Points	14 Points	13 Points	11 Points	9 Points	0 Points
Scholarliness Demonstrates achievement of scholarly inquiry for professional and academic topics.	Presentation of information was exceptional and included all of the following elements: Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information.	Presentation of information was good, but was superficial in places and included all of the following elements: Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information.	Presentation of information was minimally demonstrated in all of the following elements: Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information.	Presentation of information is unsatisfactory in one of the following elements: Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information.	Presentation of information is unsatisfactory in two of the following elements: Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information.	Presentation of information is unsatisfactory in three or more of the following elements Provides evidence of scholarly inquiry relevant to required TD topic(s). Presents specific information from scholarly sources to develop a comprehensive presentation of facts. Uses at least one outside scholarly reference that is relevant, less than 5 years old (use of older references requires instructor permission) and reliable for the required topic.* Uses in-text citation and full reference at end of posting when presenting another person’s thoughts as quotes or paraphrase of information
	16 Points	14 Points	13 Points	11 Points	9 Points	0 Points
Application of Course Knowledge Demonstrate the ability to analyze and apply principles, knowledge and information learned in the outside readings and relate them to real-life professional situations	Presentation of information was exceptional and included all of the following elements: Applies principles, knowledge and information from scholarly resources to the required topic. Applies facts, principles or concepts learned from scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.	Presentation of information was good, but was superficial in places and included all of the following elements: Applies principles, knowledge and information from scholarly resources to the required topic. Applies facts, principles or concepts learned from scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.	Presentation of information was minimally demonstrated in the all of the following elements: Applies principles, knowledge and information from scholarly resources to the required topic. Applies facts, principles or concepts learned from scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.	Presentation of information is unsatisfactory in one of the following elements: Applies principles, knowledge and information from scholarly resources to the required topic. Applies facts, principles or concepts learned from and scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.	Presentation of information is unsatisfactory in two of the following elements: Applies principles, knowledge and information from scholarly resources to the required topic. Applies facts, principles or concepts learned from scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.	Presentation of information is unsatisfactory in three of the following elements Applies principles, knowledge and information and scholarly resources to the required topic. Applies facts, principles or concepts learned scholarly resources to a professional experience. Application of information is comprehensive and specific to the required topic.
	10 Points	9 Points			6 Points	0 Points
Interactive Dialogue Initial post should be a minimum of 300 words (references do not count toward word count) The peer and instructor responses must be a minimum of 150 words each (references do not count toward word count) Responses are substantive and relate to the topic.	Demonstrated all of the following: Initial post must be a minimum of 300 words. The peer and instructor responses must be a minimum of 150 words each. Responses are substantive Responses are related to the topic of discussion.	Demonstrated 3 of the following: Initial post must be a minimum of 300 words. The peer and instructor responses must be a minimum of 150 words each. Responses are substantive Responses are related to the topic of discussion.			Demonstrated 2 of the following: Initial post must be a minimum of 300 words. The peer and instructor responses must be a minimum of 150 words each. Responses are substantive Responses are related to the topic of discussion.	Demonstrated 1 or less of the following: Initial post must be a minimum of 300 words. The peer and instructor responses must be a minimum of 150 words each. Responses are substantive Responses are related to the topic of discussion.
	8 Points	7 Points	6 Points	5 Points	4 Points	0 Points
Grammar, Syntax, APA Points deducted for improper grammar, syntax and APA style of writing. The source of information is the APA Manual 6th Edition Error is defined to be a unique APA error. Same type of error is only counted as one error.	The following was present: 0-3 errors in APA format AND Responses have 0-3 grammatical, spelling or punctuation errors AND Writing style is generally clear, focused on topic,and facilitates communication.	The following was present: 4-6 errors in APA format. AND/OR Responses have 4-5 grammatical, spelling or punctuation errors AND/OR Writing style is somewhat focused on topic.	The following was present: 7-9 errors in APA format. AND/OR Responses have 6-7 grammatical, spelling or punctuation errors AND/OR Writing style is slightly focused on topic making discussion difficult to understand.	The following was present: 10- 12 errors in APA format AND/OR Responses have 8-9 grammatical, spelling and punctuation errors AND/OR Writing style is not focused on topic, making discussion difficult to understand.	The following was present: 13 – 15 errors in APA format AND/OR Responses have 8-10 grammatical, spelling or punctuation errors AND/OR Writing style is not focused on topic, making discussion difficult to understand. AND/OR The student continues to make repeated mistakes in any of the above areas after written correction by the instructor.	The following was present: 16 to greater errors in APA format. AND/OR Responses have more than 10 grammatical, spelling or punctuation errors. AND/OR Writing style does not facilitate communication
	0 Points Deducted					5 Points Lost
Participation Requirements	Demonstrated the following: Initial, peer, and faculty postings were made on 3 separate days					Failed to demonstrate the following: Initial, peer, and faculty postings were made on 3 separate days
	0 Points Lost					5 Points Lost
Due Date Requirements	Demonstrated all of the following: The initial posting to the graded threaded discussion topic is posted within the course no later than Wednesday, 11:59 pm MT. A minimum of one peer and one instructor responses are to be posted within the course no later than Sunday, 11:59 pm MT.					Demonstrates one or less of the following. The initial posting to the graded threaded discussion topic is posted within the course no later than Wednesday, 11:59 pm MT. A minimum of one peer and one instructor responses are to be posted within the course no later than Sunday, 11:59 pm MT.