Html5 game

Hello everybody,

When Randy Hoyt was going through the workshop on Html5 Game Design, I was successful in creating a canvas, but when he drew the vertical rectangle, it did not execute. Any suggestions? Here's my code.

var canvas = document.GetElementById("canvas"); var context = canvas.getContext("2d");

imgFrog = new Image(); imgFrog.src = "images/mikethefrog.png"; imgFrog.addEventListener("load",init, false);

var requestAnimFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000/60); };

function init() { requestAnimFrame(update); }

function update() {

context.fillRect( 10, 10, 40, 380, "#000000");


requestAnimFrame(update);

}

If this is not the issue, does anyone know what it is. You might need to refer to the video. Thanks.