Hands-On Project 1-1

In this exercise you will use document.write() statements in a script section to add finan- cial planning tips to a web page.

1 . In your text editor, open index.htm from the HandsOnProject - folder in the Chapter folder. Enter your name and todays date where indicated in the comment section in the document head.

2 . Just above the closing tag, add the following element to link the file contain- ing the Modernizr library:

3 . Within the article element, below the h2 element, enter to create a new script section.

4 . Within the script section you created in the previous step, enter the following com- ment and document.write() statements. These statements create an ordered list element containing financial planning tips.

1 2 3 4 5 6 7 8 9

10 11

// create ordered list 

document.write("
"); document.write("
Reduce spending on non- 

 necessities."); document.write("
Use extra money to pay off debt, starting 

 with highest-interest credit card."); document.write("
Continue paying off debts until you are 

 debt free."); document.write("
Put a fixed percent of your pay aside in 

 savings every payday."); document.write(""); 

5 . Save your work, and then open index.htm in a web browser. A numbered list contain- ing four items should be displayed below the h2 heading Financial Planning Tips, as shown in Figure - .

6 . Use the W C Markup Validation Service to validate the index.htm document, and then, if necessary, fix any errors that the document contains.

7 . Close your web browser window.