EXERCISE 1:

A Simple Calculator: This page generates a simple math quiz, asking the
student to add two numbers. Each time the page is loaded, a new pair of
numbers is used and the page prompts for the sum. The user writes an
answer in the textbox. If the sum written by the user is the correct one then
the page displays the message “Very Good” . If the sum in not right then
alert(
"Sorry, " + answer + " does not equal " +
A + " + " + B + ".")

A Simple Math Quiz

Description: This page generates a simple math quiz, asking the student to add
two numbers. Each time the page is loaded, a new pair of numbers is used.

What does 15 + 18 equal?

Top of Form

Bottom of Form

EXERCISE 2
Develop a page that will pick a student randomly out of a set of 6 students.
We want the following to be displayed:

The Panakia game administrator has indicated that THE NAME OF THE
STUDENT should answer the next question

Top of Form

AEXERCISE
Timed Quiz
3
Description: The introduction to a short quiz with a time-limit.
A Timed Quiz: A simple short quiz with a time-limit.
This is what should
In a moment, you willbe
be displayed:
taking a short quiz. You have only five seconds to
take the quiz, so be ready to both read and answer quickly.
Okay, give me the quiz!
After you press the Okay, give me the quiz! Then the following question appears:

A Timed Quiz
Description: A quiz with a time limit.
Top of Form

Who is credited with coining the term 'hypertext'?

Scott Adams
If the answer is correct then:
Vannevar Bush
Bottom of Form

ATed
Timed
Nelson Quiz
Description: The results from the timed quiz

You answered 'Ted Nelson'. Your answer is correct.

If the answer is false then:

A Timed Quiz
Description: The results from the timed quiz
You answered e,g, Scott Adams. Your answer is incorrect. Ted Nelson is
generally credited with having invented that term.

If reached time limit then the following appears:

A Timed Quiz
Description: The results from the timed quiz
You answered ''. Your answer is incorrect. Ted Nelson is generally credited
with having invented that term.
EXERCISE 4:
A Story: This page begins a custom story based on the name, age, and
color the user keyed in. This is the first form that appears. Notice the
button. After you key in the corresponding data and press the button
Tell me a story then the next window appears adapted to the name
keyed in and so on. Please follow the storyboard to see what we are
looking for.

A Story
Description: This page begins a custom story.

Please enter the following information

Top of Form
Panagiotis

Your name:
65

Your age:
Red

Your favorite color:

Tell me a story

Bottom of Form

After pressing Tell me a story

A Story for Panagiotis

Description: Page one of a custom story.

One day, Panagiotis was thinking about the color Red and considering how it
applied to teaching.
Tell me more
After pressing Tell me more

A Story for Panagiotis

Description: Page two of a custom story.

Panagiotis realized that by using Red along with standard materials, teachers could
claim that they were developing multimedia.
Tell me more

After pressing Tell me more

A Story for Panagiotis

Description: Page three of a custom story.

Of course, at the age of 65, Panagiotis was somewhat cynical.

Start again

Panagiotis may have also noted that although good hypertext design suggests breaking
documents up into small nodes, this isn't the case for linear texts like this one.