[初心者]html.erbから.jsファイルを読みこむ方法

前提・実現したいこと

html.erbファイルに特定のjsファイルを読み込みたいです

発生している問題・エラーメッセージ

erbファイルに直接記述した場合は内容が反映されていたのですがassets/javascripts/の直下に新しくjsファイルを作成してそこに記述した場合読み込んでくれません。
初歩的なことだと思うのですが、誤っている部分を教えていただけると助かります

該当のソースコード

html
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="UTF-8">
5<title>◎新規投稿◎</title>
6 <%= javascript_include_tag 'application' %>
7</head>
8<body>
9
10
11
12<p>jQuery　稼働テスト</p>
13
14

js
1'use strict'
2$(document).ready(function() {
3    $("p").text("jQuery稼働てすと（稼働中）");
4});

appricationjs
1// This is a manifest file that'll be compiled into application.js, which will include all the files
2// listed below.
3//
4// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
5// vendor/assets/javascripts directory can be referenced here using a relative path.
6//
7// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
8// compiled file. JavaScript code in this file should be added after the last require_* statement.
9//
10// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
11// about supported directives.
12//
13//= require rails-ujs
14//= require activestorage
15//= require turbolinks
16//= require jquery
17//= require jquery_ujs
18//= require_tree .