为什么Javascript事件处理程序只能在HTML页面上使用？

Question

我有一个FRONT END项目，并且有一个index.html文件，script.js文件和styles.css文件。我的索引页上有以下简单代码：

<div align = "center" class="Ejercicio_6">
  <label for="drop">Ingrese el número</label>
  <select name="drop" id="drop_seleclt">
        <option value="Volvo">Volvo</option>
        <option value="Saab">Saab</option>
        <option value="Mercedes">Mercedes</option>
        <option value="Audi">Audi</option>
  </select>
  <p id="seleccion"></p>
  </div>

我在我的script.js文件中有一个与该代码绑定的javascript事件处理程序。

document.getElementById("drop_seleclt").onchange = function dropdown(){ document.getElementById("seleccion").innerHTML = "Has seleccionado "+  document.getElementById("drop_seleclt").value;};

它不起作用，但是如果我像下面的代码一样在HTML页面上执行一个元素，那么它将起作用。

 <script>
  document.getElementById("drop_seleclt").onchange = function dropdown(){ document.getElementById("seleccion").innerHTML = "Has seleccionado "+  document.getElementById("drop_seleclt").value;};
 </script>

是的，我在index.html文件的头上有脚本源链接

 <script src="script.js"></script>

是否有使其可以在HTML文件上而不在JS文件上工作的原因？