IT 130

Fall 2016

Craig Miller

• Home
• Basic Information
• Grades and Policies
• Schedule

Weekly Notes

• Week 0
• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10

Assignments

• Assignment 1
• Assignment 2
• Assignment 3
• Assignment 4
• Assignment 5
• Assignment 6
• Assignment 7
• Assignment 8

Technical References

• Mozilla Technical Documents
• HTML Tag Reference
• Basic CSS Reference
• Extensive CSS Reference
• JavaScript Guide

Assignment 4
Introductory JavaScript
Submit before 11:30 PM Friday October 7

Overview

You will create some pages with simple javascript as well as explain how some javascript pages work.

Requirements

Create a Web page for each of the following exercises:

1. Modify the greeting page with the text area so that it uses your own preferred phrase and punctuation for a greeting.
2. Consider the javascript in this web page. Trace the javascript statements. On a separate web page, explain step-by-step what happens in the javascript code when you enter "snowy" into the dialog box. Your explanations should note input, variable assignments, string concatenations, etc. The page you create for this exercise only needs HTML. You do not need to write any javascript.
3. Study this page, which converts a temperature in fahrenheit to celsius. Create another page called celToFahr.html, which converts a temperature in Celsius to Fahrenheit.
4. Develop a web page called story.html. This page should ask the user to provide a few key words (e.g. a color, a place, an action, etc.). The page should then use those words to produce an original story in a text area. Here are the specific requirements:
• The page should ask for at least 3 words.
• The story needs to be at least one paragraph in length.
• At least one of the supplied words should appear more than once in the story.
• The title and your name should be centered at the top of the page.
5. Study this page, which displays text in a div block. Create another version of your story page so that the story appears in a div block instead of the text area.

Once you have completed the five Web pages above, create a sixth navigation page that provides links to the five exercise pages. Format this page using a suitable list. Add your name.

When creating your page, make sure that your HTML code is readable and follows common standards. Adhere to the following principles:

• Break up lines so that horizontal scrolling is not needed.
• Format your HTML code with blank lines, indentation and consistent spacing so that it's easy to follow the structure of the HTML code. This will help also help you check whether you have correctly open and closed HTML tags.

Here are some optional challenges for the interactive story:

• Add HTML tags to your story text so that it has some visual formatting.
• Ask the user for his/her favorite color and use this information to stylize the story. It might help to read about nesting quotes.

Submission Requirements

Using the D2L submission, tell me the URL of your main page.