Assignments

Please write an html document with 3 areas as in the following illustration


In an external javascript file you must

  • Create an h1 in the gray area at the top
  • In the light blue area at the bottom create a form with three buttons, Start, Stop, and New.
  • On Start you must, in the off white area in the middle create two 20x20 pixel divs that you animate with randomized x-, and y-speeds.
  • The animation must stop when the two divs hit each other, as in have a distance of less than 20 pixel from each other.
  • You must apply the technologies learned today. This means use traditional methods, ie no canvas.

The obligatory assignment that we talked about being published today will have to wait until next week. It will need AJaX which is next weeks topic.