Если я использую теги скрипта с моим кодом в нижней части под закрывающим тегом тела, javascript выполняется так, как должен. Однако я хочу написать много функций для того, чтобы другие вещи происходили на странице, и поэтому он будет занят, если я сделаю все это на тегах сценария, поэтому я хочу, чтобы отдельные внешние файлы были там, где находится код, а затем в тегах head вызывали мои код со скриптом src и т. д.
Я использую rails 5.2.2, и он вообще не загружает мои внешние js-файлы. Сначала я подумал, что это может быть неработающий код, но, увы, я даже не могу заставить работать простое событие оповещения, поэтому я знаю, что это не код, и, кроме того, моя функция работает, когда я вставляю его в теги скрипта в представлении html. Помогите! Я вроде начинающего программиста-любителя и не лучший из гуглеров, поэтому любые отзывы приветствуются.
<!DOCTYPE html>
<head>
<script src="edit_cp.js"></script>
</head>
<body>
...
</body>
</html>
файл application.js
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
edit_cp.js file
var editCoverPhoto = document.getElementById("cp_button");
editCoverPhoto.addEventListener("mouseover", showMessage);
editCoverPhoto.addEventListener("mouseleave", removeMessage);
var para = document.createElement("p");
var textNode = document.createTextNode("Edit Cover Photo");
para.appendChild(textNode);
function showMessage() {
editCoverPhoto.appendChild(para);
para.style.color = "black";
}
function removeMessage() {
editCoverPhoto.removeChild(para);
}