本地正常的jQuery弹窗代码在GitHub Pages中无法运行求助

我是开发新手，正在学习网页设计与Python在线课程。完成课程作业时编写了一段简单的jQuery弹窗代码：

<script type="text/javascript">
  $(document).ready(function() {
    $("#verzend").click(function() {
      var naam = $("#naam").val();
      var leeftijd = $("#leeftijd").val();
      var woonplaats = $("#woonplaats").val();
      var hobby = $("#hobby").val();
      window.alert(
      "Hallo " + naam +
      " van " + leeftijd +
      " jaar oud! Wat leuk dat jij in " + woonplaats +
      " woont en jouw " + hobby + " is. Groetjes, Jeffrey");
    });
  });
</script>

本地用Chrome打开HTML文件时，弹窗可正常触发；但将相同代码上传至GitHub Pages后，通过Chrome访问页面时弹窗无法显示。课程老师认为是文件路径问题，但本地运行正常说明路径应该没问题，我找不到问题所在，求助解决。

内容的提问来源于stack exchange，提问作者Jeffrey