ошибка ссылки javascript uncaught onclick

попытка вызвать функцию javascript с помощью кнопки, и кнопка ничего не делает по щелчку. Отладчик возвращает " ошибка ссылки uncaught: 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>

может ли кто-нибудь указать мне, откуда исходит проблема? Спасибо, это для класса программирования, и я надеюсь, что другие, которые также могут столкнуться с этим, увидят это.

1 ответов


использовать <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>