繁体   English   中英

未捕获的 ReferenceError:在 HTMLButtonElement.onclick 处未定义回显(index.html:23)

[英]Uncaught ReferenceError: echo is not defined at HTMLButtonElement.onclick (index.html:23)

我有一个非常基本的 javascript 调用一个 function 的问题,这只是一个测试警报,以检查我到目前为止的代码是否正常工作。 我在 Chrome 控制台中收到“Uncaught ReferenceError: echo is not defined at HTMLButtonElement.onclick (index.html:23)”。 这是我的索引。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>

这是我的 calc.js 文件:

/* calc.js */

console.log("Hello");

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

任何帮助将非常感激。

您在 function 中添加了一个不必要的逗号。

尝试这个:

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

而且,正如 Quentin 所提到的,确保脚本中的 URL 是正确的。

另外,我认为<script>元素需要使用</script>来关闭,所以将其添加到脚本的末尾以查看它是否有所不同。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM