© 2015, Mike Murach & Associates, Inc. Chapter 5 Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. Objectives Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Objectives (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The code for a web page Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The DOM for the web page Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The DOM nodes that you commonly use Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Some of the properties of the Node interface Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

HTML that contains element and text nodes Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to get the text of an HTML element with “email_error” as its id Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Method of the Document and Element interfaces Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to create an array of elements Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to work with attributes Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The URL for the DOM HTML specification Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Typical properties available with the DOM HTML specification Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How the DOM HTML specification can simplify your code Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Other examples of using the DOM HTML specification Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Other examples of using the DOM HTML specification (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. Terms Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The FAQs application in a browser Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The HTML for the FAQs application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The HTML (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The CSS for the FAQs application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript for the FAQs application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. A form in a web browser Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The HTML for the form Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The URL that’s sent when the form is submitted with the get method Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Attributes of the form element Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. Terms Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Property of a Textbox, Textarea, or Select object Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

HTML code for a text box, text area, and select list Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

JavaScript code to get the text box, text area, and select list values Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

JavaScript code to set the text box, text area, and select list values Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two properties of a Radio or Checkbox object Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

HTML code for two radio buttons and a check box Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

JavaScript code to get the radio button and check box values Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

JavaScript code to set the radio button and check box values Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two methods that are commonly used with forms Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two methods that are commonly used with controls Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. Common control events Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Statements that use the reset and submit methods Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

An event handler for the onchange event of a select list Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

An event handler for the dblclick event of a text box Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

An onload event handler that assigns event handlers to events Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The Register application in a browser Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The HTML of the Register application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The HTML (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The CSS for the span elements in the registration form Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript for the Register application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two methods of the document object for creating new nodes Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. How to create new nodes Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to modify the attributes of a new node Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two methods of the document object for adding nodes to the DOM Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to make one node a child of another node Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Two methods of the document object for working with tables Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The HTML for an empty table (no rows) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to add a row to a table Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. How to add a cell to a row Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

One property of the document object for working with DOM content Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

How to use the innerHTML property to set the content of any node Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

© 2015, Mike Murach & Associates, Inc. The Register application with a table that’s created for the user’s entries Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The HTML for the elements below the form Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The CSS for the span elements in the table Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript for the Register application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

The JavaScript (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Exercise 5-1 Experiment with the FAQs app Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Exercise 5-2 Add controls to the Register app Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Extra 5-1 Enhance the Temp Conversion app Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Extra 5-2 Use a Test Score array Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Short 5-1 Update the Email List application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Short 5-2 Use a Test Scores array Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.

Short 5-3 Modify the FAQs application Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.