Попытка связать мой файл Javascript с моим HTML-файлом
основная папка и html src , внутри папки js Я пытаюсь связать свой js-файл, находящийся в папке, с моим html-файлом, но, похоже, он не работает. Я создаю раскрывающееся меню и использую js, чтобы открыть раскрывающийся список. В журнале консоли ошибок нет, но ни один сценарий не выполняется. Это работает, когда я помещаю скрипт в html, но он должен быть в отдельном файле в папке, потому что это часть инструкции по заданию. Файл, на который я ссылаюсь, представляет собой файл раскрывающегося меню внизу. Дайте мне знать, если я смогу внести что-нибудь яснее.
Я пробовал поместить src в заголовок, в тег body в конце и сразу за концом тега body. Я также пробовал «js/dropdown-menu.js», «/js/dropdown-menu.js», «../js/dropdown-menu.js», но это тоже не изменило ситуацию. Любая помощь будет оценена по достоинству, спасибо!
Нет, к сожалению, в консоли ошибок нет.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы можете использовать HTML-тег сценария с подходящим относительным путем.
Спасибо за ответ! Не могли бы вы привести мне пример того, что вы имеете в виду?
<script src = "path_to_your_js_file.js"></script>
Ой, понял, извини, мой основной пост сбил с толку, я уже пробовал <script src = "js/dropdown-menu.js"></script> <script src = "/js/dropdown-menu.js"></script > <script src = "../js/dropdown-menu.js"></script>
Возможно, не работает содержимое файла .js, а не ссылка на сам файл. Для этого вы можете добавить функцию, чтобы нажатие кнопки вызывало оповещение. Это поможет вам узнать, является ли это проблемой связи с файлом .js или нет.
Я делюсь с вами примером кода, который вы должны добавить в свой dropdown-menu.js файл и в свой HTML:
<!-- HTML file -->
<button id = "btn" >click me</button>
// JS file
button = document.getElementById('btn');
button.addEventListener('click', () => {
alert('button clicked');
});
Если этот код работает, значит, ошибка находится внутри dropdown-menu.js, возможно, вам стоит поделиться им, чтобы я тоже мог его просмотреть.
Я не думаю, что это проблема с кодом, поскольку он работает, когда я помещаю его непосредственно в HTML, но если это поможет, я мог бы опубликовать код. Я новичок в стеке, лучше ли вставить код в поле для комментариев или есть лучший способ? Спасибо!
Вы можете поделиться им в Github gist.
Хорошо, спасибо, дайте мне знать, если вы не можете просмотреть это gist.github.com/lschmi/0c0ffd8cba8eed2d8a080ac616e0b680
Ошибка была в коде, а не в ссылке на файл .js. Я оставил вам обзоры кода в Gist.
Вы были правы, вот и все, спасибо!!
Можете ли вы проверить в консоли браузера, получаете ли вы ошибку 404 из-за отсутствия файла js.