如何在JavaScript中，每当一个按钮被另一个变量的值点击时，使变量减少

How do you make a Variable decrease every time a button is clicked by the value of another Variable in JavaScript?

本文关键字：变量 另一个 按钮 一个 JavaScript      更新时间：2024-06-29

我正在尝试制作一个按钮，每次单击时都会将变量定义的数字减少另一个变量定义的数量
示例：
[按钮]
数量：500
*单击按钮
[按钮]
编号：475
*再次单击按钮
[按钮]
编号：450
等等。
我很想给出代码，但我甚至无法让它接近工作状态，所以这毫无用处。。

代码可能如下所示：

var count = 500;
var decrementAmount = 25;
function reduceVariable() {
   count -= decrementAmount;    
}

然后，只需点击按钮即可调用reduceVariable。

查看此jsfiddle

HTML:

<div id="text">500</div>
<p><input type="button" id="button" value="Decrease me"></p>

Javascript：

var oButton = document.getElementById("button");
var oText = document.getElementById("text");
var count = 500;
oButton.addEventListener('click', function(i, a) {
    oText.innerHTML = count -= 25;
}, false);

举个例子：

HTML:

<span id="spnTest">500</span>
<button id="btnTest" >Decrease</button>

Javascript：

var ratio = 25;
var totalValue = 500;
function decrease(){
    if(totalValue == 0) return;
    totalValue -= ratio;
    document.getElementById('spnTest').innerHTML = totalValue;
}
document.getElementById('btnTest').onclick = function(){ decrease(); }

这是的演示

相关文章：