S2JS - Introduction to drawing on the canvas : The script tag

Now we've got a properly defined HTML page which consists of little more than a canvas -- the equivalent of a Scratch "stage".

Don't worry that it's a funny colour, when it comes time to create a game we'll make the canvas transparent or have a cool background. For the moment, it's good to be able to see where it is.

The next step is to use <script> and </script> tags to tell HTML where our Javascript is going to be.

Within the <script> tags, a whole new world exists with different capabilities and different syntax rules. This is where the Javascript programming happens.

The golden rule of Javascript is case matters. In fact, case matters a lot.

Doubtless, in your Javascript career, you'll get bitten by 'case' more than once. Possibly even more than once per day. Not all programming languages are case-sensitive, but most are, and Javascript is one of them.

<HTML> <head> <title> My new Web Page </title> </head> <body> <canvas id=myCanvas width=300 height=300 style="background-color: pink"> </canvas> <script> // // Your program goes here ! // </script> </body> </html>