To JavaScript Examples

Using PHP.   While Loops

Using PHP

• Prototype Order Form seeds1.htm

• Order Form That Submits Page to Server seeds2.htm

• Entry Form with More Controls entry-form.htm

• Source code for PHP page running on server at http://www.depaul.edu/~sjost/confirmation.php.

• Real-time Date and Time real-time-date.htm

• Slide Show slide-show1.htm

• Modify the Slide Show Example to:
  1. Show random images.

  2. Show a random image when the page is loaded. The image should not change until the page is reloaded.

• Modify the Real-time Data and Time Example to eliminate the textbox border and change the background color to be the same as the background color of the page.

While Loops

• Look at these examples that use while loops:
  repeat1.htm   repeat2.htm   100-bottles-of-beer.htm   fair-coin-test.htm   snake-eyes.htm

• Variable Traces:
  repetition1.htm   repetition2.htm

Practice Problem

• Write a JavaScript function that gets a grade from an input textbox. It enters "Pass" in the output textbox if the grade is > 60 and "Fail" otherwise.

Another Example

• Voting Machine: voting-machine.htm  

Changing an Image Dynamically

• To change the image displayed on a page to images/dog.jpg (for example), put the following statement in the onclick attribute of a button:

  document.images.AnimalImage.src = "images/dog.jpg";

  AnimalImage is the name of the image in the image tag:

  <img name="AnimalImage" src="images/cat.jpg" />

• See the Display Animals example.

• Modify the Change Image Example to use an event handler function changeImage that accepts the image file name as an argument.