Rails jsファイルが読み込めない

Question

問題点

app/assets/javascripts/diary/new.jsと便宜的にjsファイルを構成しています。
そしてapp/assets/javascripts/application.jsには

//= require jquery3
//= require popper
//= require rails-ujs
//= require activestorage
//= require bootstrap-material-design/dist/js/bootstrap-material-design.js
//= require_tree .

として//= require_tree .から全てのjsファイルを読み込めるはずです。
試しに簡易的にnew.jsにて

$(function (){
    document.getElementById('hello').textContent = "Hello JavaScript"
});

としました。
それに対応するdiaries/new.html.slimには

p#hello
    | Hello World

とhelloidを持ったdivの中身を書き換えさせようとしてもいずれの結果も書き変わらないのですが、原因がわかりません。
ちなみにturbolinksは無効化しています。

onload = function() {
	alert('Hello JavaScript');
};

もやってみましたが反応がありませんでした。
よろしくお願いいたします

追記ファイル

diary/new.jsに

btn.btn#foo-btn onclick="js_alert()" hoo

としてnew.jsには

function js_alert(){
    alert('Hello JavaScript');
}

としました。

Comments

[mather]

new.js ファイルの保存されたディレクトリは、プロジェクト内のどこにありますか？
また、ブラウザの開発者ツールで new.js が読み込まれていることを確認しましたか？

[JuniorSirius]

ご回答ありがとうございます。
しかし、上のファイルに追記致しましたが、興味深いことにビュー側に、　新たにボタンを構成して、onclickとしたら、alertが表示されました。
htmlから発火して、反応が起きたのが確認できる点で、ファイルは読み込まれており、
これは`new.jsに以前CarrierWaveのプレビュー機能を作ったのですが、こちらもファイルをアップロードするタイミングの`onchange`メソッドでビューから動いていたのですが、なぜか今回の、jsファイルからのコードがうまくいきません。
なのでファイル自体は読み込めているということですが、なぜか動かないので疑問です。

[JuniorSirius]

ごめんなさい、コードの張り替えで回答文が消えてました。
`new.js`はapplication.jsに //= require_tree . という記載をしたのでjsファイルを自動的に読み込んでくれる認識でいます、実際にはビューファイルから`new.js`のメソッドが起動したので読み込みはできていると思いますが、`js`ファイルからの発火ができない感じです

Answer 1

関数を定義しているだけで実行していないのでは？

new.js

//定義
function js_alert(){
    alert('Hello JavaScript');
}
//実行
js_alert();

//定義
function replace_hello(){
  document.getElementById('hello').textContent = "Hello JavaScript"
}
//実行
replace_hello();

Comments

[JuniorSirius]

ありがとうございます。
定義→実行で追記して試してみましたが、うまくいきませんね・・・

[youtubeuta]

ちょっとわかりませんね
あとは自分ならこういうのを考えます
■関数がグローバルに定義されていれば開発者ツールのconsoleタブでjs_alert()としたら出るはず、試してでなければ定義されていないと思われる
■htmlファイル内にapplication.jsが<script></script>で読み込まれているかどうか

[JuniorSirius]

ありがとうございます。
なるほどですね、コンソールでも確認してみます！
scriptも確認してみますね