TypeError：Functionname 不是 HTMLButtonElement.onClick 中的函数

Question

我对 Javascript 还很陌生，目前正在使用它。但是，我实际上无法测试我的代码，因为我收到以下错误：

Uncaught TypeError: namecaller is not a function
at HTMLButtonElement.onclick (Tools.html:101)

这是我的代码：

div id="content">
    <script>
        function namecaller(){
            var a = "scurvy";
            var b = "dog";
            document.getElementById("namecaller").innerHTML = "You are a " + a + " " + b;
        }
    </script>
Namecaller</p>
<button type="button" onclick="namecaller()">
You are a...</button>

我不知道为什么它不起作用，查看了其他 StackOverflow 问题以及 W3 教程。

Answer 1

有时，这是因为您的函数名称覆盖了其他一些函数，尤其是系统定义的函数。例如，我曾经制作过一个名为“translate”的函数。后来，它报告了与您完全相同的错误。解决方案很简单：只需更改函数名称即可。对我来说，我将其设为“function tranlateIt()”，因此问题就永远消失了。

Answer 2

function namecaller() {
  var a = "scurvy";
  var b = "dog";
  document.getElementById("content").innerHTML = "You are a " + a + " " + b;
}

<div id="content"></div>
<button type="button" onclick="namecaller()">
    You are a...</button>

代码似乎有很多问题，例如您的标签没有正确编写。标签需要正确打开关闭。你的脚本应该在正确的位置，以便它被编译。那么您还没有为任何元素提供 id 并尝试调用它们。所以这里是如何正确编写代码以实现无错误编译的工作示例。