如何使用javascript中的按钮将计数器重置回0?
我现在有一个javascript计数器和一个向计数器添加1个值的按钮,这就是我目前所拥有的:如何使用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
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(问题),但没有使用它(显然)。一些提示:
jshiddle:一些提示:
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();
})