javaScript 外部接続にすると動かない

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

html内に直接コードを書くと作動するのですがjavaScriptを外部接続にすると、BMIの計算のみ作動しません。

エラーメッセージ

該当のソースコード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

$(function(){
  $("#page-top a").click(function(){
  $("html,body").animate({scrollTop: 0},fast);
  return false;
  });
});

function fncBMI(){
 
 var bmi,w,h;//BMI=bmi,体重=w,身長=h
 
 w=eval(document.bmi.bmiWeight.value);
 
 h=eval(document.bmi.bmiHeight.value)/100;//mに変換
 
 bmi=w/(h*h);
 
 alert('あなたのBMI値は'+bmi+'です。');
 
 document.bmi.bmiAns.value=bmi;
}

<form name="bmi">
      <p>最近体型が気になる方はBMI値を見てみましょう！<br>
      『BMI＝体重(kg)÷身長(m)×身長(m)』</p>
      体重：<input type="text" name="bmiWeight">kg<br>
      身長：<input type="text" name="bmiHeight">cm
      <input type="button" value="計算" onclick="fncBMI()"><br>
      結果：<input type="text" name="bmiAns">
    </form>
 <p id="page-top"><a href="#"> TOPへ戻る</a></p>

試したこと

htmlに直接打ち込むと作動するので単純にコピペしてみたり、javaScriptの順番を変えてみたり、alertでエラーチェックしてみたりしましたがBMI部分が恐らくエラーなのはわかるのですが、何がエラーなのかわかりませんでした。。。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

＞javasukuriputo
JavaScriptです。質問調整してください（わざとならやめてください）

[roko01]

早速、修正させていただきました。
的確なご指導誠にありがとうございました。
（本当にわざとでは決してございませんので申し訳ございません。）

Answer 1

scriptタグはHTMLの要素です。
.jsファイルには書けません。

Comments

[roko01]

ということはそもそも外部接続できないということですか？

[m.ts10806]

<scriptタグをHTMLに。それ以外を.jsに書けばいいです。
「外部接続」という意味が分かりませんが、やりたいことはあくまで「外部参照」ですよね（意味は違います）

[m.ts10806]

それに
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
これも外部参照です。

[roko01]

ありがとうございました。色々これから勉強していきます。