Using JavaScript to Write HTML

You are not allowed to work in groups this assignment. For this assignment, you should start, finish, and do all the work on your own. If you have questions, please contact the instructor.

Part 1:

In the <head> of A1_Story.html

Make sure to place the program title, A1, into the <title> tag in the <head> of your document for each assignment. Follow it with a " : and your full name(s) . This is a required part of each submission!
Example: <title>A1: Jon Peck </title>
Place a <script> tag in the <head> of your document.
Make sure your <script> tag is well formed with type attribute and its value of "text/javascript" and a language attribute and its value of "javascript"
Make sure that you also close the <script> tag with a </script> at the end of your JavaScript and before the body tag.
Within your <script> tags, place a set of variable declaration/definitions using the following parts of Speech
1. An adjective
2. A verb
3. A shape
4. A time period, like, "two weeks"
5. Four nouns
6. Two proper names
Assign values to each of the variables accordingly.
For this part, you should simply pick a value for each variable, even though this means that the program will be the exact same each time it's run. For example, you might pick 'protest' for the verb.
Check your syntax carefully
- Don't forget the " ; "

In the <body> of A1_Story.html

Identify the variable locations within the text of the story
Within each line place properly formatted <script> tags with the proper attributes
Inside each <script> tag, use documet.write(); place the variables you have declared/defined so that the values are written into the page
Again, don't neglect the " ; "
Place <em> tags around the outside of each <script> tag in order to emphasis the name in the browser output
Be sure to check your work by viewing the document in a web browser

An Example

Yesterday I made some of my special green play-dough for Ian to protest with. It's a big hit with Ian, who protests and protests and also likes to make things out of it - like a screwdriver and an iron, and then made a life-sized replica of Mom. Then Ian mashed most of it back into a cylinder but smeared some of it all over the markers, Mom, and the family bluebird. It took me an afternoon to get the play-dough out of the markers and the bluebird, but Ian, Mom and I had a lot of fun.

Part 2:

You will need to hand in the file you modified back in Part 1 as it's own, separate file. However, in this part, you will build on what you did in Part 1, so save a copy of your work from part 1 as A1_Story_Part2.html, and continue working on that new file.

You now have at your disposal some mechanisms that allow you to use JavaScript to create more dynamic web pages: variables, especially string variables, and the alert(), prompt(), and confirm() boxes.

For this assignment, you are going to revisit the story from part 1, but from a different angle. This time, the web page is going to generate a story for someone else - the person who downloads the web page. Your page should retrieve the appropriate information from the user using prompt() and/or confirm() boxes: each of the variables that you simply assigned values to in Part 1, you will now ask the user for here in part 2.

Here are the restrictions for this assignment:

All content of the page must be generated within a single script inside the body of the document.
Furthermore, all the content of the page (i.e., everything inside the <BODY>) must be generated by a single call to either document.write() or document.writeln(). How is this possible?
As discussed in class, you must use the + operator with strings to accumulate the entire content of the page to be displayed in a single string variable, and then write that variable to the page. For example,
```
       var content = ""

       content = content + "<h1>My Web Page</h1>"
       content = content + "Stuff"
       document.write(content)
```

What to hand in:

Your modified A1_Story.html
Your A1_Story_Part2.html

How To Hand In Your Homework:

Refer to the "Homework Submission Guidelines" on the course website. We will go over this, in class, on the day that this assignment is due.