Javascript Website

1
Javascript Website

• Aims
• Teach the applications of Javascript
• Explained examples
• User friendly

2
Examples

• Three Doors
• Calculator
• Quizzes
• Hangman
• Code Box
• Attribute Changer

3
Three Doors
The first step is for the user to choose a door
by clicking on the picture. The computer then
chooses a wrong door at random from the remaining
doors. It then offers the user the chance to swap
their choice of door. The computer then informs
the user if they have made the right choice or
not. There is also the choice to run the program
1000 times, swapping your choice every time or
sticking with your original choice.
4
Three Doors
People think the probability of picking the right
box doesnt change if you choose to swap the door
or not.
Initial Choice
Swapping or not
Answer
Swap
Wrong
Right
Swapping is right two out of 3 times. Not
swapping is only right one out of 3 times.
No Swap
Right
Swap
Right
Wrong
No Swap
Wrong
Swap
Right
Wrong
No Swap
Wrong
5
Examples
Example Pages Examples must show advanced
features not shown before and have them explained
in a teaching page. Examples are key to showing
what can be achieved using Javascript in a
webpage. Examples must be interactive and
encourage the user to want to learn more.
6
Teaching Pages

• Clear and concise instructions
• Navigational buttons to ease movement around
  site
• Useful mini examples to show how code can be
  easily utilized
• Page not cluttered with words
• Focus on actual code

7
Future Objectives

• More advanced examples
• Previous examples explained
• Create quizzes that test current topics
• Create a test page where code can be tested in
  the website