为什么我的 JavaScript 不能在我的 html 中运行？

Question

首先，我的 JavaScript 和 html 文件都在同一个文件夹中。我不明白为什么我的 javascript 都不能在 html 文件中运行。

我曾尝试将脚本直接放入 html 文件中，而无需获取脚本文件。我尝试了 3 种不同的方法将我的函数添加到 html 文件中，但都无济于事。我正在尝试制作一个刽子手游戏来练习，因为我认为在我上完所有课程后，这可能是最容易尝试的事情。但是，如果我的 JavaScript 能正常工作，我什至无法通过测试。我会让代码说明一切。 （如果有帮助，此 JS 代码位于 html 文件的主体内。显然，我的 html 主体底部确实有 script type="txt/javascript" src="hangman.js" JS 标记） 第一次尝试： html:

<div id="game">
  <button id="testA" onclick="showWord()">show word</button>
  <p id="word"></p>
</div>

外部JS文件代码：

function showWord() {
document.getElementById("word").innerHTML = "test";}

第二次尝试： html:

<div id="game">
  <button id="testA">show word</button>
  <p id="word"></p>
</div>

外部JS文件代码：

function showWord() {
    document.getElementById("testA").addEventListener("click", function(){
    document.getElementById("word").innerText = "test";}

在此之后，我尝试将此代码直接添加到脚本标签并省略外部脚本，但仍然没有成功。我还尝试将 onclick 属性添加到 html 文件中，但没有任何更改。 第三次尝试：（尝试将元素选择保存到此处的全局变量以防出现问题） html:

<div id="game">
      <button id="testA" onclick="showWord()">show word</button>
      <p id="word"></p>
</div>

外部JS文件代码：

const test = document.querySelector("#word");
function showWord() {
    test.innerHTML = "try 3";
}

仍然......没有变化......请帮忙！