Capella IT3215 Unit 1 Assignment Latest 2019 December

Question # 00609650
Course Code : IT3215
Subject: Computer Science
Due on: 03/16/2020
Posted On: 03/16/2020 09:37 AM
Tutorials: 1
Rating:
4.9/5
Question Dot Image

IT3215 Introduction to JavaScript

Unit 1 Assignment

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:

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.

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.

Dot Image
GlobalTutor Posted By :
Questions: 3706 Tutorials: 3600
Tutorials for this Question

Capella IT3215 Unit 1 Assignment Latest 2019 December

Tutorial # 00608126
Posted On: 03/16/2020 09:48 AM
Feedback Score: Not rated yet!
Purchased By: 2
GlobalTutor
Posted By:
Questions:
3706
Tutorials:
3600
Report this Tutorial as Inappropriate
Tutorial Preview
The solution of Capella IT3215 Unit 1 Assignment Latest 2019 December...
Attachments
Unit_01_Assignment.docx (1492.93 KB)
Unit_01_Assignment.zip (1009.86 KB)

Great! We have found the solution of this question!

Related Questions
Capella IT3215 Unit 2 Assignment Latest 2019 March
IT3215 Introduction to JavaScript Unit 02 Assignment Using Arrays and Loops Overview For this assignment, you will use the volunteer.html file to create a more effective process for managing the …
Capella IT3215 Unit 5 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 5 Discussion DQ1 Cookies: Storing and Passing Information On their own, HTML and CSS are unable to store user information, so once the Web browser is c …
Capella IT3215 Unit 3 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 3 Discussion DQ Events, Dynamic Images, and Modularization The ability to animate graphics with JavaScript has resulted in increased interactivity of W …
Capella IT3215 Unit 2 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 2 Discussion         DQ1 Arrays, Loops, and the DOM You have learned about working with the DOM with CSS, but you can …
Capella IT3215 Unit 3 Discussion (DQ1 ONLY) Latest 2019 March
IT3215 Introduction to JavaScript Unit 03 Discussion DQ1 Events, Dynamic Images, and Modularization The ability to animate graphics with JavaScript has resulted in increased interactivity of Web s …
Capella IT3215 Unit 2 Discussion (DQ1 ONLY) Latest 2019 March
IT3215 Introduction to JavaScript Unit 02 Discussion DQ1 Arrays, Loops, and the DOM You have learned about working with the DOM with CSS, but you can also work with the DOM using JavaScript. You w …
Capella IT3215 Unit 1 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 1 Discussion DQ1 Getting Started With JavaScript JavaScript has been one of the most popular scripting languages for dynamic interactivity. It is a com …
Capella IT3215 Unit 3 Assignment Latest 2019 March
IT3215 Introduction to JavaScript Unit 03 Assignment Dynamic Images, E vents, and the DOM Overview Images, both static and dynamic, appear on most Web sites. There are many different features an …
Capella IT3215 Unit 4 Discussion (DQ1 ONLY) Latest 2019 March
IT3215 Introduction to JavaScript Unit 04 Discussion DQ1 Validating Form Input Data Working with and processing bad data generally means that a lot of work will have to be done to clean up the dat …
Capella IT3215 Unit 4 Discussion (dq1+dq2) Latest 2019 December
IT3215 Introduction to JavaScript Unit 4 Discussion DQ1 Validating Form Input Data Working with and processing bad data generally means that a lot of work will have to be done to clean up th …
Recent Questions
NCU MSW6101 All Assignments Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 1 - Assignment 1: Apply Research-Informed Practice for Children who have Experienced Trauma Instructions Social workers kn …
NCU MSW6101 Week 8 Assignment Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 8 - Signature Assignment: Develop a Treatment Plan for a Family Inclusive of Human Need and Social Justice Strategies Instruc …
NCU MSW6101 Week 7 Assignment Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 7 - Assignment: Evaluate Best Practices in working with Victims of Intimate Partner Violence (IPV) Instructions Social wor …
NCU MSW6101 Week 6 Assignment Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 6 - Assignment:  Illustrate the Proper use of the EBP Wraparound Model Instructions Social workers understand that evi …
NCU MSW6101 Week 5 Assignment Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 5 - Assignment: Explain Treatment for an Adolescent Experiencing a Mental Disorder who Belongs to a Marginalized Population I …
NCU MSW6101 Week 4 Assignment 2 Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 4 – Assignment 2: Provide a Suicide Prevention Plan for an Adolescent Integrating Evidence-based Best Practices Instruc …
NCU MSW6101 Week 4 Assignment 1 Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 4 - Assignment 1:  Interpret Ethical Issues and Apply Ethical Decision-Making in Work with Adolescents Instructions As …
NCU MSW6101 Week 3 Assignment 2 Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 3 – Assignment 2: Develop and Explain your Self-care Plan as a Strategy for Demonstrating Ethical and Professional Behavio …
NCU MSW6101 Week 3 Assignment 1 Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 3 - Assignment 1: Conduct an Investigation of Regulations and Mandatory Reporting Responsibilities Instructions Social wor …
NCU MSW6101 Week 2 Assignment Latest 2024
MSW6101 v3: Advanced Social Work with Children and Families Week 2 - Assignment: Provide Techniques for Working with Children who have Experienced Trauma Instructions Develop a training p …