javascript未捕获的参考错误onclick

先生先生

尝试使用按钮调用javascript函数,并且该按钮在单击时没有任何作用。调试器返回“未捕获的引用错误:未定义printNumber。

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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章