JavaScript Заказ (отсрочка/асинхрон) ⇐ Javascript

[Anonymous]

На моей HTML -странице я загружаю два сценария JS в нижней части кода тела: < /p>

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

    ... html code here ...

Я использовал defer, чтобы обеспечить сохранение порядка загрузки.
В scriptOne.js я я изменяю DOM, добавляя в тело элемент div с id="findMe".
В scriptTwo.js я пытаюсь получить этот элемент, потому что мне нужно назначить ему событие:

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

const elem = document.querySelector("#findMe");
elem.onclick = (event) => {  ...  }

Это выдает ошибку: elem имеет значение null.
Для меня это не имеет смысла, потому что:

• ScriptTwo.js выполняется ПОСЛЕ scriptOne.js. Мои журналы подтверждают это.
• Для отладки я помещаю console.log(document) перед querySelector и вижу в консоли, что < /code> есть в документе! Ооо, почему код js не может получить элемент?!?!

Кто-нибудь знает, что вызывает такое поведение? Я пробовал экспериментировать с тегами сценариев defer и async, но результаты всегда одни и те же...
Спасибо за помощь

Подробнее здесь: https://stackoverflow.com/questions/793 ... efer-async