Javascript 未捕获引用错误:未在HtmlButtoneElement.onclick(index.html:23)中定义回显

Javascript 未捕获引用错误:未在HtmlButtoneElement.onclick(index.html:23)中定义回显,javascript,Javascript,我在调用函数时遇到了一个相当基本的javascript问题,该函数只是一个测试警报,用于检查到目前为止我所拥有的代码是否正常工作。我在Chrome控制台中得到“uncaughtreferenceerror:echo未在HTMLButtonElement.onclick(index.html:23)中定义”。 这是我的index.html <!doctype html> <html lang="en"> <head> <meta cha

我在调用函数时遇到了一个相当基本的javascript问题,该函数只是一个测试警报,用于检查到目前为止我所拥有的代码是否正常工作。我在Chrome控制台中得到“uncaughtreferenceerror:echo未在HTMLButtonElement.onclick(index.html:23)中定义”。 这是我的index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple Calculator</title>
</head>
<body>
<header>

</header>
<nav></nav>
<main>


 
 <table style="width:100%">
  
 <tr>  <th>Fancy Calculator</hd></tr>
 <td>
 <form>
 <label for="number">Please enter a number between 0 and 50.</label><br>
 <input type="text" id="number" name="number"><br>
 <button type="button" onclick="echo(number.value)">Calculate!</button><br>

  
 <input type="text" id="factorial" name="factorial" disabled>!<br>
 <input type="text" id="squared" name="squared" disabled>&sup2;<br>
 <input type="text" id="cubed" name="cubed" disabled>&#xB3;<br>    
 </form> 
 </td>
 </tr>
  
</table> 
  
  
</main>
<footer>
<!--- Script 2.1 - template.html -->
<script src="js/calc.js"> 
</footer>
</body>
</html>

任何帮助都将不胜感激。

您在函数中添加了不必要的逗号

试试这个:

函数回显(编号){
警报(“您输入:“+number+”!”);
}
而且,正如昆廷提到的,确保脚本的URL是正确的

另外,我认为
元素需要使用
来关闭,所以在脚本的末尾添加它,看看它是否会有所不同



最有可能的解释是,文件的URL错误。检查网络选项卡以确保JS正确加载。我确实花了很多时间检查这一点,但这是一个很好的观点。谢谢,就这样。一旦我关闭了脚本标签,它就开始工作了!谢谢你,先生!没问题!记住也要修复你的函数。哦,激动得我差点忘了!干杯工作得很漂亮!再次感谢你!
/* calc.js */

console.log("Hello");

function echo( number ) {
    alert("You entered", + number + "!");
}