简单的使用JS

Pet*_*rrr -3 javascript variables function

我有这段代码:

<head>
<script>
    function myFunction()
    {
        var counter = 1;
        document.getElementById("demo").innerHTML=counter;
    }
</script>
</head>
<html>
<body>
<button onclick="myFunction()">Count</button>
<p id="demo"></p>
</body>
Run Code Online (Sandbox Code Playgroud)

每次按下带有单击"myFunction"的按钮时,我希望"计数器"变量加1.

我已经尝试了几个无用的东西而没有运气,现在代码打印出"1",无论按下按钮多少次.如果按下按钮,如何加1?

Jef*_*ver 6

你需要var counter在函数外面设置:

var counter = 0;
function myFunction() {
    counter++;
    document.getElementById('demo').innerHTML = counter;
}
Run Code Online (Sandbox Code Playgroud)

基本上,你的函数正在做的是每次将counter的值设置为1,而不是像你想要的那样递增它.