Я пытаюсь использовать тег canvas и fillRect JavaScript, чтобы нарисовать сетку на экране, но пока все, что я вижу, это пустой холст.
index. html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="gameScreen" width="550" height="550"></canvas>
<script src="grid.js" type="text/JavaScript"></script>
</body>
</html>
grid. js
let canvas = document.getElementById("gameScreen");
let ctx = canvas.getContext("2d")
let width = 50
let margin = 5
for(var row = 0; row<10; row ++){
for(var column = 0; column < 10; column++){
ctx.fillRect(column * (width + margin), row * (width + margin), width, width)
}
}
Кажется, я не могу найти проблему, но при открытии файла html в моем браузере все, что я вижу, это пустой контур моего 550х550 холст.