Exercice 1 : Drawing a Primitive Shape

Exercice 2

displaying several scripts

Just make sure to change the .getElementById's name and have those id's named and defined in your CSS. The var names also need to be different from one exercice to the next.

Exercice 3 : Automating Repetitive Tasks

Using a for loop with a primitive shape



Using a for loop with an array list

Exercice 4 : User Input

Using a tool object

Click anywhere inside the purple square. Every click creates a circle
Refreshing the page will remove all the circles.

Exercice 5 : Create text on a canvas