Использование функций из файла. js в файле .e js

Question

У меня есть файл .e js, из которого я пытаюсь получить доступ к функции из файла. js. Оба из них содержат код на стороне клиента. Моя проблема в том, что когда я пытаюсь вызвать функцию из файла .e js, функция не может быть найдена, потому что. js не используется.

У меня есть ссылка на файл. js в теге файла .e js.

Может ли кто-нибудь помочь мне с этой проблемой, поскольку я совсем новичок в Javascript?

.e js содержимое файла:

...
<button type="button" onclick="overlayOn()">view comment</button>

. js В файле есть функция overlayOn ()

function overlayOn() {
    document.getElementById("overlay").style.display = "block";
  }

Ошибка:

Uncaught ReferenceError: overlayOn is not defined
    at HTMLButtonElement.onclick 

Answer 1

Эта проблема была решена с помощью следующей строки:

app.use("/public", express.static('public'));

Answer 2

Возможно, вам придется обернуть все ваши функции событий в функцию загрузки документа. От https://developer.mozilla.org/enUS/docs/Web/API/Window/DOMContentLoaded_event:

window.addEventListener('DOMContentLoaded', (event) => {
console.log('DOM fully loaded and parsed');
}); 

Если DOM загружается после запуска ваших файлов сценариев, то они нацелены на то, что еще не загружено. В качестве дополнительной меры предосторожности разместите теги сценария в нижней части элемента body, чтобы он работал после загрузки остальной части страницы. Надеюсь, что это работает!