Writing a JavaScript User-Defined Function

A function is JavaScript code written to perform certain tasks repeatedly

Built-in functions

Writing a JavaScript User-Defined Function

User-defined functions Written by the Web developer

Functions can have data passed to it To call a function means to have

JavaScript execute the function

Entering the chngSite() User-Defined Function in the HEAD Section

Click the blank line (line 4) between the end </TITLE> tag and the end </HEAD> tag

Type <SCRIPT LANGUAGE=“JAVASCRIPT””>and then press the ENTER key. Type

<!—Hide from old browsers and thenpress the ENTER key

Entering the chngSite() User-Defined Function in the HEAD Section

Press the SPACEBAR four times. Type function chngSite() { and then press the ENTER key. Press the SPACEBAR eight times. Type alert(“You are about to be transported to the new site location!”) and then press the ENTER key. Press the SPACEBAR eight times. Type location = “http://www.scsite.com/” and then press the ENTER key. Press the SPACEBAR four times. Type } and then press the ENTER key. Type //-> and then press the ENTER key. Type </SCRIPT> and then press the ENTER key

Saving the File

Click Save on the File menu

Testing the Web Page

Click the Fun with Phonics button on the taskbar

Click the Refresh button on the browser toolbar

If you are connected to the Internet, click the OK button when the dialog box displays with the alert message

Click the Back button on the browser toolbar to return to the Fun with Phonics Web page

Printing the HTML File Using Notepad

If necessary, click the Notepad button on the taskbar. Click File on the menu bar and then point to Print

Click Print

Closing Notepad and Your Browser

Click the Close button on the browser title bar

Click the Close button on the Notepad window title bar

Summary

Discuss how to integrate JavaScript with HTML Insert <SCRIPT> tags on a Web page Write start and end <SCRIPT> tags Define and use flickering to draw attention Describe the background color property of the

document object

Summary

Set the background color of a Web page using JavaScript

Save the HTML file Test the Web page Discuss JavaScript variables Extract the system date Use several variables to construct a message

Summary

Describe the write() method of the document object Write a user-defined function that displays a message

and links visitors to a new Web site Describe how the setTimeout() method works Use the lastModified property to display the last

modified document date Print an HTML Notepad file

What You Should Know

Project 8 Complete

PLEASE REVIEW FOR EXAM!