Here are examples that go with Lecture 5, an introduction to JavaScript. Prior to 2017 these examples came in the second half of the semester, following the presentation of PHP. The examples still use PHP for common elements. Glance at this code but otherwise ignore it for now.

Keep in mind that some of these examples are dated. I am maintaining them because the simplistic stylistic conventions that make them dated also helps bring to the surface some of the underlying mechanics of JavaScript. In particular, how JavaScript relates to the Object Model (DOM) that are hidden by more modern techniques; most notably jQuery.

• Example 1: Using document dot write to create a Hello World example.
• Example 2: Document properties, variables, strings and the connection to CSS id's.
• Example 3: On mouse over events play ping pong with Thing 1 and 2.
• Example 4: Functions, conditionals and getting in touch with inner HTML.
• Example 5: Form selections and the on change event for navigation.
• Example 6: Simple button to navigate - see the Cow.
• Example 7: Image rollovers and beyond - switching images based upon mouse position.

Here is a file you may download with the actual php content: lec05.zip