Question

我现在有一个javascript计数器和一个向计数器添加1个值的按钮，这是我到目前为止所拥有的：

＆＃13;

    var counter = 0;
    var a = 0;
    var add = function(valueToAdd){
        a += valueToAdd;
        document.getElementById('Value').innerHTML = a;
		}

＆＃13;

    Value $<span id="Value">0</span> 
    <button width="500" height="500" id = add class="button button1" onclick="javascript:add(1)">Add Value</button>

＆＃13;

我需要一个按钮将计数器重置为0，感谢任何帮助。

Answer 1

添加按钮，重置功能并将值设置为＆＃34; 0＆＃34;如下面的代码所示：

<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>

BTW你在代码（问题）中声明了var count = 0但是没有使用它（显然）。

Answer 2

一些提示：

您正确存储了一个变量以跟踪计数器，您在重置功能中需要做的就是将值更改回0。
让您的Javascript远离您的HTML。 Here's a good article
在Stack Overflow上发布时，您的代码应格式正确。

这是一个更清洁的解决方案：

HTML：

Value $<span id="Value">0</span> 
<button id="add">Add Value</button> 
<button id="reset">Reset</button>

使用Javascript：

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();
})

JSFiddle：https://jsfiddle.net/sfh51odm/

Answer 3

不要将 a 定义为一般变量。每次将当前值设置为 a 并继续。所以你可以回到零：

＆＃13;

var counter = 0;

var add = function(valueToAdd){
  var a = parseInt(document.getElementById('Value').innerHTML);
  a += valueToAdd;
  document.getElementById('Value').innerHTML = a;
}

function reset(){
  document.getElementById('Value').innerHTML=0;  
  }

＆＃13;

Value $<span id="Value">0</span> 
    <button width="500" height="500" id = add class="button button1" onclick="javascript:add(1)">Add Value</button>

    <button width="500" height="500" id = add class="button button1" onclick="javascript:reset()">Reset</button>

＆＃13;

Answer 4

＆＃13;

$mimeType = mime_content_type($image);
if ($mimeType != 'image/png' && $mimeType != 'image/jpg' && $mimeType != 'image/gif') {
    user_error('Image mime type ' . $mimeType . ' not supported. Image will be ignored', E_USER_WARNING);
    return false;
}

＆＃13;

var a = 0;
var displayValue = document.getElementById('Value');

var updateValue = function () {
    displayValue.innerHTML = a;
};

var add = function (valueToAdd) {
    a += valueToAdd;
    updateValue();
};

var reset = function () {
    a = 0;
    updateValue();
};

＆＃13;

Answer 5

如果你需要刷新页面（比如你在键盘上按 F5）这对你有用。

“location.reload();”也能用。

将“.again”更改为您想要的 btn 名称。

document.querySelector('.again').addEventListener('click', function () { location.reload(); });

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

5 个答案: