外部の.jsファイルの "注文事項"をHTMLで理解する

Question

編集：

さて、できるだけ小さなコードを使用して問題を説明しようと思います。

changetext（）関数が関連付けられている選択ドロップダウンメニューがあります。ドロップダウンメニューで値が選択されるたびに、タグ内のテキストが変更されます。

関数へのスクリプトは、外部のjsファイルに保存され、HTMLファイルの一番下に配置されます。

jsファイルの中には、このようなものがあります。このファイルを使用することで、JS

var selectormenu = document.getElementById("selector"); 
var spanTag = document.getElementById("texthere"); 

function changetext(){ 
    if(selectormenu.value == "one"){ 
     spanTag.innerHTML = "one"; 
    } 
} 

、私は私のブラウザコンソールではTypeErrorを取得します。しかし、関数内にvar selectormenuとspanTagを置くと、スクリプトが機能します。

Answer 1

編集：質問の感度が固定されているので、私は自分の答えを調整しています。 document.getElementByIdには何かを選択する必要があるため、既に作成されているDOM要素が必要です。次に、関数の名前を括弧の前に付ける必要があります。最後に、関数を呼び出す必要があります。なぜなら、関数が呼び出されるまで実行されないからです。

<div id="divid>Hello World!</div> 
<script> 
var soandso = document.getElementById("divid"); 

function statsChange() { 
    soandso.innerHTML = "123"; 
} 
statsChange(); 
</script>