Js скрипты не работают

Так что у меня есть этот действительно базовый js-скрипт, связанный в HTML, он не выдает ошибок, когда я пытаюсь его запустить, но он просто не делает то, что должен. Вот код:

var canvas = document.getElementById("canvas"), c = canvas.getContext("2d"), width = canvas.width = window.innerWidth, height = canvas.height = window.innerHeight; c.fillRect(0, 0, 50, 50); 
 <!DOCTYPE html> <html> <head> <script type='module/javascript' src='main.js'></script> </head> <body> <canvas id='canvas'></canvas> </body> </html> 

Всего 1 ответ


Ваш скрипт запускается до объявления холста. Во время запуска скрипта ваш объект canvas dom не определен. Кроме того, измените тип на text / javascript. Изменить на это:

<!DOCTYPE html>
<html>

<head>

</head>

<body>
  <canvas id='canvas'></canvas>
  <script type='text/javascript' src='main.js'></script>
</body>

</html>

Есть идеи?

10000