Я получаю сообщение об ошибке из кода JavaScript: var context = document.getElementById("gameCanvas").getContext("2d"); ⇐ Html

[Anonymous]

Я работаю над разработкой игры. Однако я не могу понять контекст холста, как раньше. Мой HTML-файл содержит код:

Код: Выделить всё

Nostalgia

Файл JavaScript:

Код: Выделить всё

context = document.getElementById("gameCanvas").getContext("2d");

const level = [0,0,0,0,0];
var xToDraw = 0;
var yToDraw = 0;

var img0 = new Image();
img0.src = "./images/tiles/grass.png";

var img1 = new Image();
img1.src = "./images/tiles/dirt.png";

var img2 = new Image();
img2.src = "./images/tiles/sand.png";
function drawLevel(){
// solution
level.map((item1) => {
yToDraw-=16
item1.map((item2) => {
if(item2==0){
context.drawImage(img0, xToDraw, yToDraw);
}
xToDraw+=16;
});
});
}
drawLevel();

Примечание. Это выполняется с использованием электрона, страница загружается в окно.

Выдавалась ошибка: TypeError: document.getElementById(...).getContext не является функцией

Я был бы признателен за любую помощь в разрешении этой ошибки.>

Подробнее здесь: https://stackoverflow.com/questions/471 ... -getelemen