Examples

The following are online versions of the examples in Teach Yourself JavaScript 1.3 in 24 Hours. More examples are coming soon. If you want to download all of these examples, and the graphics and other files required, visit the download page.

NOTE: Only the listings in the book that are complete HTML documents are included here.

Hour 1, "Understanding JavaScript"

• Listing 1.1: A basic HTML document
• Listing 1.2: The HTML document with a small script

Hour 2, "Creating a Simple Script"

• Listing 2.4: The Countdown to the Year 2000 script
• Listing 2.5: The Countdown to the Year 2000 script, modified to calculate minutes

Hour 3, "Exploring JavaScript's Capabilities"

• Listing 3.1: Scrolling Message Example

Hour 4, "How JavaScript Programs Work"

• Listing 4.4: The Greet() Function Example

Hour 5, "Using and Storing Values"

• Listing 5.1: An example of using variables
• Listing 5.2: The Customized home page example

Hour 6, "Using Strings and Arrays"

• Listing 6.1: An example of assigning values to strings and combining them
• Listing 6.2: The Scrolling Message Example again

Hour 7, "Testing and Comparing Values"

• Listing 7.5: Prompting for and validating a user's response

Hour 8, "Repeating Yourself: Using Loops"

• Listing 8.7: Prompting for several names and displaying them

Hour 9, "Using Built-In Objects"

• Listing 9.1: Testing JavaScript's random number function

Hour 10, "Working with Browser Objects"

• Listing 10.1: Displaying a page's modification date
• Listing 10.2: Creating Graphic Back and Forward Buttons

Hour 11, "Creating Custom Objects"

• Listing 11.2: Using a method to display a heading
• Listing 11.3: Using objects to display business cards

Hour 12, "Responding to Events"

• Listing 12-3: The Descriptive Links Example

Hour 13, "Using Windows and Frames"

• Listing 13.1: Opening and Closing Windows
• Listing 13.2: Timeout Example
• Listing 13.3: Alerts, Confirmations, and Prompts
• Listing 13.4: A simple framed document
• Listing 13.5: Using Frames for Navigation (also includes Listing 13.6)

Hour 14, "Getting Data with Forms"

• Listing 14.1: Displaying data from a form
• Listing 14.2: Sending a form's results by email
• Listing 14.3: Validating a Form

Hour 15, "Using Graphics and Animation"

• Listing 15.1: Using a client-side image map with JavaScript
• Listing 15.2: Creating Rollover Images
• Listing 15.3: Primitive Animation in JavaScript

Hour 16, "Creating Browser-Specific Scripts"

• Listing 16.1: Displaying Browser Information
• Listing 16.5: Background Music for Multiple Browsers

Hour 17, "Working with Style Sheets"

• Listing 17.2: Style Sheet Example
• Listing 17.3: Using Dynamic Styles (also includes Listings 17.4 and 17.5)

Hour 18, "Creating Dynamic Pages with Layers"

• Listing 18.1: Layer Positioning Example
• Listing 18.2: Controlling Layers with JavaScript
• Listing 18.3: Animation with Dynamic HTML

Hour 19, "Creating Cross-Browser Scripts"

• Listing 19.3: Controlling Styles with JavaScript (Cross-browser version of Listing 17.3)

Hour 20, "Working with Multimedia and Plug-ins"

• Listing 20.2: Listing available Plug-Ins
• Listing 20.3: The JavaScript Piano

Hour 21, "Debugging JavaScript Applications"

• Listing 21.1: The Number Guesser Script (with bugs)
• Listing 21.2: The Number Guesser Script (debugged)

Hour 22, "Improving a Web Page with JavaScript"

• Listing 22.1: The basic HTML document
• Listing 22.6: The HTML document with improvements

Hour 23, "Creating a Shopping Cart Script"

• Listing 23.1: The main Shopping Cart document (also includes Listings 23.7 and 23.8)

Hour 24, "Creating a JavaScript Game"

• Listing 24.9: The complete Draw Poker game (includes all other listings in chapter)