Почему не работает пример, перенесенный в отдельный HTML файл?

[glestwid]

Взял пример отсюда, перенес на отдельную страницу - не работает, пишет какую-то хрень:

Uncaught TypeError: Cannot read property 'getContext' of null
at new Game (life.htm:66)
at life.htm:258

Почему на codepen.io пример работает, а у меня нет? И что нужно чтобы с codepen корректно переносить примеры в отдельные файлы?

[Serge_Bliznykov]

Сообщение от glestwid

а у меня нет?

В смысле - не работает?
у меня работает по вашей ссылке!

только я бы ссылку на jQuery так рекомендовал вставить

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

ну или даже на самую свежую версию:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

[glestwid]

Да, заработало т.к. я перенес скрипт внуть BODY перед закрывающим тегом. А при размещении скрипта перед BODY работать не хочет. Как такое исправлять без переноса скрипта внутрь?

[Black Fregat]

Сообщение от Serge_Bliznykov

В смысле - не работает?

Координаты при кликах мышкой смещены

Правда, в оригинале - тоже..

[Serge_Bliznykov]

Сообщение от glestwid

А при размещении скрипта перед BODY работать не хочет. Как такое исправлять без переноса скрипта внутрь?

например, так

$(document).ready(function() {		
	// Запускаем нужный скрипт
	main();
});

Сообщение от Black Fregat

Координаты при кликах мышкой смещены

Правда, в оригинале - тоже..

да, я это тоже заметил. Но это от переноса не зависит, поэтому не стал ничего говорить.