Overview

• Task: Write three HTML 5 documents that contain JavaScript code. The first document will greet a user with a popup window. The second document will display a customized scripture to a user. The third document will be a template that you can use in future weeks to begin writing programs.
• Purpose: Practice writing HTML 5 documents that contain simple JavaScript programs.
• Instructions

1. First, complete your W04 "Preparation" assignments.
2. Create a rough draft of your code for the three HTML 5 documents.
3. Attach the draft to a thread in W04 Discussion: Peer Review.
4. Review and comment on at least two classmates' code.
5. Submit your final code.
6. Complete the W04 "Week Survey" assignments.

Coding Assignment

Write three HTML documents that contain JavaScript code.

1. In a file named greeting.html, type the HTML and JavaScript code for example 2 from chapter 4 of the textbook in I-Learn. Modify the code to display any message you want. The modified message must include the users input. Validate the code and load it in a web browser to run and test it. If it doesnt run correctly, fix it until it runs correctly.
2. In a file named scripture.html, type the HTML and JavaScript code for example 3 from chapter 4 of the textbook in I-Learn. Modify the code by changing the scripture that is displayed to the user. Your program may display any scripture you want except 1 Nephi 1:1. The changed scripture must include the users input. Validate the code and load it in a web browser to run and test it. If it doesnt run correctly, fix it until it runs correctly.
3. In a file named template.html, write a well-formed HTML 5 document that you can use as a template for future assignments. At a minimum, your template must contain all the tags that are required in an HTML 5 document as explained in Chapter 3 of the textbook in the Required Tags section. In addition, your template must contain an opening script tag, a closing script tag, at least one input tag, an opening button tag, a closing button tag, an opening div tag, and a closing div tag.