HTML 文件无法识别外部链接 js 文件中定义的函数？

Question

我刚刚开始第一次学习一些编程，并且有一个问题我希望有人能帮忙解决，希望我没有遗漏什么太明显的东西。

（修订后的说明，包括代码示例）

我正在使用按钮来更改元素的内部 html，但我尝试通过三种方式执行相同的操作。对于第一种方式，我可以做到。对于后两个，我遇到了麻烦并正在寻求指导：

我要做的第一种方法是通过单击一个按钮来更改段落元素的innerhtml，该按钮在按钮的 onclick 事件属性后面直接定义了一个语句。这是有效的，我使用的代码如下所示：

<p id="change1">Does the button below change my text when I click it, based on entering a js function directly behind an onclick event entered as a button attribute?</p>

<button type="button" onclick="document.getElementById('change1').innerHTML = 'Yes_1'">See If It Works_1</button>

我尝试执行此操作的第二种方法是使用一个按钮来调用我在 html 文件的脚本标记中定义的函数。我定义的函数应该执行更改我定义的段落元素的innerhtml 的任务。这不起作用，代码示例如下：

<p id="change2">Does the button below change my text when I click it, based on calling A Function Defined in script tag within My HTML File on with an onclick event?</p>

<button type="button" onclick="internalfunction()">See If It Works_2</button>

<script>

  function internalfunction() {

    document.getElementById("change2").innterHTML = "Yes_2";

  }

</script>

我尝试执行此操作的第三种方法与第二种方法相同，只是我不调用 HTML 文件中脚本标记中定义的函数，而是调用在外部 js 文件中定义的函数。然而，该文件与我的计算机上的 HTML 文件位于同一目录中。这现在也不起作用。我的代码示例以及链接到 js 文件的方式如下所示：

这是我的 HTML 文件中的代码：

 <p id="change3">Does This Button That Calls A Function Defined in My External JS File Work?</p>
            <button onclick="externalfunction">See If It Works_3</button>

这是我想在外部 js 文件中调用的函数：

 function externalfunction(){document.getElementById("change3").innerHTML="Yes_3"};

这是我链接到 js 文件的方式，在 html 文件的头部输入：

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

Answer 1

证实了一个拼写错误问题，其中省略了 () 来调用函数，并且 innerHTML 拼写错误。