[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す

質問内容

で定義された関数を呼び出したいのですが first.js ファイル内の second.js ファイルを作成します。のようなHTMLファイルの中で両ファイルが定義されています。

<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script>

を呼び出したい。 fn1() で定義された first.js で second.js . 私の検索結果では、もし first.js が先に定義されていれば可能ですが、私のテストではそのような方法は見つかりませんでした。

以下は私のコードです。

second.js

document.getElementById("btn").onclick = function() {
    fn1();
}

first.js

function fn1() {
    alert("external fn clicked");
}

解決方法は？

関数は、同じファイルに定義されているか、呼び出そうとする前に読み込まれたものでなければ、呼び出すことができません。

関数は、呼び出そうとしたものと同じかそれ以上のスコープでなければ呼び出すことができません。

関数を宣言します。 fn1 を作成し、second.jsでは、単に fn1();

1.js.です。

function fn1 () {
    alert();
}

2.jsのことです。

fn1();

index.html :

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>