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

Question

我刚开始第一次学习一些编程，有一个问题我希望有人能提供帮助，希望我没有遗漏什么太明显的问题。

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

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

第一种方法我正在做的是更改段落元素的内部html，方法是单击一个按钮，该按钮具有直接在 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 拼写错误。

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

HTML File Not Recognizing Functions Defined in external linked js file?

html

javascript

external-js