Lesson 11 – JavaScript Revision Practice
The links on the TBE 540 website (http://www.csudh.edu/fisher/tbe540/
- click on Lesson 11- are listed below, with suggested changes.
They are samples of the use of JavaScript to make web pages
interactive. Choose one revision activity
(ideally one you might use for your project).
For the web page you have chosen:
- Access the page from the TBE 540 website using Netscape (or Seamonkey at home).
- Choose File->Edit Page
and save the file on the
desktop or on a disk.
- Click the HTML Source
tag at the bottom of the screen and make changes to the HTML code.
- Save and browse.
Troubleshoot as necessary.
Online
Test
with Email (takes name, calculates %, emails name and %)
Activity: Change one of the
questions, change the email address.
Online Test Sample (simpler,
no email, shows correct answers)
Activity: Change one of the questions.
Multiple Choice Test/Drill (gives
immediate feedback for each choice)
Activity: Change one of the questions, choices and feedback.
Matching Quiz (enter letter of best
match, feedback after completion)
Activity: Change the entries or add matches.
Reading Comprehension Exercise
(use pull-down menus to fill in words)
Activity: Change the sentences and/or the menu choices.
Tic Tac Toe (answer questions to
place each X and O)
Activity: Change some of the questions and answers.
Hangman - U. S. Presidents (adapted from
The JavaScript Source)
Activity: Add GEORGE W. BUSH
and BARACK OBAMA to the presidential list and make other adjustments
as necessary (like the total number of presidents).
Hangman - Number Words (adapted from
The JavaScript Source)
Activity: Put in more number words,
or (for a greater challenge) change the “topic” of the page
to other kinds of words (color, verbs, animals…anything).
Typing Test (adapted from The JavaScript
Source)
Activity: Try adding more (or
different) sentences to type.
Random Haiku (poetry)
Activity: Add one or more words to
each array. Adjust all the necessary numbers.
Storyteller ("mad lib") from The
JavaScript Kit
Activity: Try to change at least one
element of the story (add another name or change the story text).
Bar Chart Maker (adapted from
The JavaScript Source)
Activity: Change four lines in the program to put in different
labels and a different number of bars:
dat=new Array("0","0","0","0","0") - number of "0" controls number of
bars name1="Year:" name2="Majors:"
name3="Enrollment growth:"
If you feel brave, try revising the Crossword
Puzzle or the Drag-and-Drop (each
has separate instructions in Lesson 11 of the TBE 540 website).