«var Canvas = document.getElementById(»canvas»)» не может быть глобальной переменной? ⇐ Html

[Anonymous]

Я сделал следующий скрипт. Когда я нажимаю кнопку, слово «кровь» перемещается, а нажимаю кнопку — и оно останавливается.

Этот скрипт работал в Chrome, но когда я перемещаю следующие скрипты в ВЕРХНЮЮ строку. (между флагом var; и window.setInterval), возникает ошибка:


необнаруженная ошибка типа не может вызвать метод getcontext со значением null"


Не могли бы вы объяснить, почему это происходит?

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d");

var y = 100;
var flag = false;

window.onload = setInterval(function(){
var canvas = document.getElementById("canvas"),
ctx = canvas.getContext("2d");

ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "red";
ctx.font = "50px Helvetica";
ctx.fillText("blood", 200, y);

if(flag){
y++;
}

}, 30);

function start(){
flag = true;
}

function stop(){
flag = false;
}


Подробнее здесь: https://stackoverflow.com/questions/232 ... l-variable