htmlファイルで宣言されているjavascriptで関数を呼び出す方法

Question

スクリプトタグに宣言された関数displayJsonWithAjaxと関数displayOtherJsonWithAjaxのhtmlファイルがあります。とき選択ボックスの変更

別のスクリプトタグでは、私はこのコードでこれらの関数を呼び出す：

<script> 
import fetchJson from 'some.module' 

function displayJsonWithAjax() { 
    ... 
} 

function displayOtherJsonWithAjax() { 
    ... 
} 

</script> 

<script> 
$(document).ready(function() { 
    $('#selectBox').change(function() { 
     displayJsonWithAjax(); 
     displayOtherJsonWithAjax(); 
    }).change(); 
}); 
</script> 

ブラウザでデバッグするとき、私は次のエラーを取得する：

ReferenceError: displayJsonWithAjax is not defined 

場合私はすべての関数を同じスクリプトタグに入れようとしますが、ブラウザがページをロードするときにコードは自動的に実行されません。どうすればこれら2つの関数を呼び出すことができますか？

Answer 1

import fetchJson from 'some.module'

実際には機能しますか？コンソールをチェックしてください。

スクリプト行が失敗した場合は、その行の後のすべてが実行されないため、スクリプト関数は宣言されず、別の場所では使用できなくなります（「なぜ、ブラウザがページを読み込んだときにコードが自動的に実行されることはありません」ということです。スクリプトは1行目で失敗し、それ以外は実行されません）。

Answer 2

test();

<script>function test(){ 
 
alert('hello'); 
 
}</script>