S2JS - Asking, Saying and Manipulating Text : Getting started

We're going to set the scene for this a little differently.

We'll have a canvas that just consists of a background image with the words "click me" painted on it.

And we'll set up a special "onclick" handler so our code gets run when the canvas is clicked.

In this section of the tutorial, we're not going to be working with the canvas -- we're just using the canvas as a convenient way to sense a click and cause our code to run.

Don't stress just yet -- it'll become clearer as we go along. Everything on this page is just giving our code somewhere to live and some way to activate it.

Click where it says "Click me" - what happens?

Now look at the program code - what should happen?

(Answer: absolutely nothing!)

<HTML> <body> <canvas id=myCanvas height=200 width=200 style="background:url('/img/tut/clickme.png');"> </canvas> <script> myCanvas.onclick = function () { // The code we're going to be fiddling around with will be here } </script> </body> </html>