javascript - 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 教程。

标签： javascripthtmltypeerror

Answer 1

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 并尝试调用它们。因此，这里是如何正确编写代码以实现无错误编译的工作示例。