S2JS - Asking, Saying and Manipulating Text : Accessing characters in a loop

Here's a rather nice example using a for-loop to step through each character of a string, writing them out once per line.

It's a short example, but illustrates some important ideas. Have a close look at it and try things until you're comfortable you understand every aspect of it.

<HTML> <body> <canvas id=myCanvas height=200 width=200 style="background-color: khaki"> </canvas> <script> var ctx = myCanvas.getContext("2d"); ctx.font="15px arial"; var word = "Potato"; for (var i=0; i < word.length; i++) { ctx.fillText("Character " + i + " is " + word[i], 0, 20+(i*20)); } </script> </body> </html>