rails に javascriptを入れたい

前提・実現したいこと

プログラミング初心者です。
railsでmain.jsを読み込みたいです。

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

検証モードで確認するとエラーが発生し読み込んでいませんでした。

Failed to load resource: the server responded with a status of 404 (Not Found)　main.js:1

該当のソースコード

javascript
1(function () {
2  'use strict';
3
4  var timer = document.getElementById('timer');
5  var min = document.getElementById('min');
6  var sec = document.getElementById('sec');
7  var reset = document.getElementById('reset');
8  var start = document.getElementById('start');
9
10  var startTime;
11  var timeLeft;
12  var timeToCountDown = 4 * 1000;
13
14  function updateTimer(t) {
15    var d = new Date(t);
16    var m = d.getMinutes();
17    var s = d.getSeconds();
18    var ms = d.getMilliseconds();
19    m = ('0' + m).slice(-2);
20    s = ('0' + s).slice(-2);
21    ms = ('00' + ms).slice(-3);
22    timer.textContent = m + ':' + s + '.' + ms;
23  }
24
25  function countDown() {
26    setTimeout(function () {
27      // var elapsedTime = Date.now() - startTime;
28      // timeLeft = timeToCountDown - elapsedTime;
29      timeLeft = timeToCountDown - (Date.now() - startTime);
30      // console.log(timeLeft);
31      updateTimer(timeLeft);
32      countDown();
33    }, 10);
34  }
35
36  start.addEventListener('click', function () {
37    startTime = Date.now();
38    countDown();
39  });
40})();
41

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <title>Timer</title>
6</head>
7<body>
8  <div id="timer">00:00.000</div>
9  <div class="controls">
10    <button id="min">Min</button>
11    <button id="sec">Sec</button>
12    <button id="reset">Reset</button>
13    <button id="start">Start</button>
14  </div>
15  <script src="js/main.js"></script>
16</body>
17</html>
18