尝试使用按钮调用
javascript函数,并且按钮在单击时没有执行任何操作.调试器返回“未捕获的引用错误：未定义printNumber.
我做了一个搜索,大多数有这个问题的人都没有使用正确的语法来声明它们的功能,在另一个函数中定义它们的函数(函数超出范围),或者在它们被调用之后放置它们的函数.事实证明我头脑中没有任何东西在运行.我试图在其中添加一个提示,但提示没有显示出来.
这是我的脚本：
<head>
<script type="javascript">
var x=0;
function addNumber(x){
x = x + 1;
return x;
}
function printNumber(number){
document.getElementById("number").innerHTML=addNumber(number);
}
</script>
</head>
这是我的HTML：
<body>
<p><center><b>The number of times the button has been clicked is ... <b><p>
<br>
<div id="number"></div>
<br>
<form>
<input type="button" id="StartButton" value="Click to add 1 to counter" onClick="printNumber(x)">
</form>
</center>
任何人都可以向我指出问题的来源吗？谢谢,这是一个编程类,我希望其他可能遇到这个的人会看到这个.
解决方法
使用< script type =“text / javascript”>并注意您不能以您想要的方式增加x.您正在递增局部变量,而不是全局变量.
<html>
<head>
<script type="text/javascript">
var x=0;
function addNumber(){
x = x + 1;
return x;
}
function printNumber(number){
document.getElementById("number").innerHTML=addNumber();
}
</script>
</head> <body>
<p><center><b>The number of times the button has been clicked is ... <b><p>
<br>
<div id="number"></div>
<br>
<form>
<input type="button" id="StartButton" value="Click to add 1 to counter" onClick="printNumber()">
</form>
</center>
</body>
</html>
