CSUDH
LESSON MENU

TBE 540 - Programming Applications for Educators

Lesson 9 - JavaScript Math Drill

JAVASCRIPTLESSON2.PPT

Software required: Netscape (or other browser)
Hardware required: Internet-connected computers, display device
Audience: TBE 540 students (graduate students, majority are teachers)

Prerequisites: Learners must already be able to... (besides basic computer knowledge)
1.   Edit the source of an HTML document.
2.   Search the web for JavaScript samples.
Objectives: After completing this lesson, the learner will be able to...
1.   "Customize" the JavaScript code of a web page.
2.   Locate and view other JavaScript samples.
Lesson Description:
1. Warmup - add JavaScript code to an existing page and customize it.
2. Review requirements for HTML project (projectreq.html)
2. View JavaScript Lesson 2 presentation.
3. Complete the hands-on activity described below. You will be creating a graphic button to put on a new webpage and finding an interesting JavaScript function to put it into the HTML of the new page. You will then set up the button so that it will start the JavaScript.
  1. Create and download a custom button (graphic) using the CoolArchive website (or an alternative - see below) from Lesson 8 (http://www.coolarchive.com/buttonmaker.php). **Because of the number of popups on the CoolArchive site, you may  want to try a different site to make your button. Try http://cooltext.com/ (buttons and "logos"), http://www.makebutton.com/, http://www.netdenizen.com/buttonmill/glassy.php, or search for online button maker.

  2. Create a new web page using Netscape and put in the new button you just created (remember that it's a graphic).

  3. Use the JavaScript resources on the TBE 540 home page (http://www.csudh.edu/fisher/tbe540/) to locate an interesting JavaScript function. **I like Javascript Source the best (http://javascript.internet.com/) because it has LOTS of free scripts. At JavaScript Source, consider Snippets, Text Effects, Image Effects or Time & Date for this exercise. You can also try Games if you are very brave!

  4. Copy the JavaScript and paste it into the HTML code of your new web page.

  5. Use the button you created in a web page to start the JavaScript procedure you downloaded. (Reminder: Add onlick="functionname()" to the IMG tag)

4. Complete Activity 9: View instructions (JSMathDrill.doc) and download and modify JSMathDrill.html.

On Your Own:  Try the interactive exercise (540quiz9.html).

Page created by F. Fisher for TBE 540 students at CSU Dominguez Hills. Last update 10/09.