Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript中的按钮将计数器重置回0?_Javascript_Html - Fatal编程技术网

如何使用javascript中的按钮将计数器重置回0?

如何使用javascript中的按钮将计数器重置回0?,javascript,html,Javascript,Html,我现在有一个javascript计数器和一个向计数器添加1个值的按钮,这就是我目前所拥有的: var计数器=0; var a=0; var add=函数(valueToAdd){ a+=要添加的值; document.getElementById('Value')。innerHTML=a; } 值$0 添加值不要将功能失效的定义为一般变量。每次将当前值设置为a并继续。所以你可以回到零: var计数器=0; var add=函数(valueToAdd){ var a=parseInt(docu

我现在有一个javascript计数器和一个向计数器添加1个值的按钮,这就是我目前所拥有的:

var计数器=0;
var a=0;
var add=函数(valueToAdd){
a+=要添加的值;
document.getElementById('Value')。innerHTML=a;
}
值$0

添加值
不要将功能失效的定义为一般变量。每次将当前值设置为a并继续。所以你可以回到零:

var计数器=0;
var add=函数(valueToAdd){
var a=parseInt(document.getElementById('Value').innerHTML);
a+=要添加的值;
document.getElementById('Value')。innerHTML=a;
}
函数重置(){
document.getElementById('Value')。innerHTML=0;
}
值$0
增值

重置
不将功能失效定义为一般变量。每次将当前值设置为a并继续。所以你可以回到零:

var计数器=0;
var add=函数(valueToAdd){
var a=parseInt(document.getElementById('Value').innerHTML);
a+=要添加的值;
document.getElementById('Value')。innerHTML=a;
}
函数重置(){
document.getElementById('Value')。innerHTML=0;
}
值$0
增值

重置
添加按钮、重置功能并将值设置为“0”,如下代码所示:

<button width="500" height="500" id ="reset" class="button button1"
onclick="javascript:reset()">Reset Value</button> 

<script type="text/javascript">
   var reset= function(){
    a = 0;
    document.getElementById('Value').innerHTML = a;
    }
</script>
重置值
var reset=函数(){
a=0;
document.getElementById('Value')。innerHTML=a;
}

顺便说一句,您在代码(问题)中声明了var count=0,但没有使用它(显然)。

添加一个按钮,重置函数,并将值设置为“0”,如下面的代码所示:

<button width="500" height="500" id ="reset" class="button button1"
onclick="javascript:reset()">Reset Value</button> 

<script type="text/javascript">
   var reset= function(){
    a = 0;
    document.getElementById('Value').innerHTML = a;
    }
</script>
重置值
var reset=函数(){
a=0;
document.getElementById('Value')。innerHTML=a;
}

顺便说一句,您在代码中声明了var count=0(问题),但没有使用它(显然)。

一些提示:

  • 正确地存储了一个变量以跟踪计数器,在重置函数中只需将值更改回0即可
  • 让Javascript远离HTML
  • 在堆栈溢出上过帐时,您的代码应该正确格式化
  • 这里有一个更干净的解决方案:

    HTML:


    jshiddle:

    一些提示:

  • 正确地存储了一个变量以跟踪计数器,在重置函数中只需将值更改回0即可
  • 让Javascript远离HTML
  • 在堆栈溢出上过帐时,您的代码应该正确格式化
  • 这里有一个更干净的解决方案:

    HTML:

    jsidle:

    var a=0;
    var displayValue=document.getElementById('Value');
    var updateValue=函数(){
    displayValue.innerHTML=a;
    };
    var add=函数(valueToAdd){
    a+=要添加的值;
    updateValue();
    };
    变量重置=函数(){
    a=0;
    updateValue();
    };
    
    值$0
    加1
    重置
    var a=0;
    var displayValue=document.getElementById('Value');
    var updateValue=函数(){
    displayValue.innerHTML=a;
    };
    var add=函数(valueToAdd){
    a+=要添加的值;
    updateValue();
    };
    变量重置=函数(){
    a=0;
    updateValue();
    };
    
    值$0
    加1
    
    重置
    很乐意帮助您。别忘了接受答案。很高兴帮助你。别忘了接受答案。
    var a = 0;
    var add = function(valueToAdd) {
        a += valueToAdd;
        document.getElementById('Value').innerHTML = a;
    }
    
    var reset = function() {
        a = 0;
        document.getElementById('Value').innerHTML = 0;
    }
    
    
    var addButton = document.querySelector("#add");
    var resetButton = document.querySelector("#reset");
    
    addButton.addEventListener("click", function() {
        add(1);
    })
    
    resetButton.addEventListener("click", function() {
        reset();
    })