每次单击按钮时，如何通过 JavaScript 中另一个变量的值使变量减小？答案

【问题标题】：How do you make a Variable decrease every time a button is clicked by the value of another Variable in JavaScript?每次单击按钮时，如何通过 JavaScript 中另一个变量的值使变量减小？
【发布时间】：2013-12-12 06:07:58
【问题描述】：

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

【问题讨论】：

请不要再做作业了。试试看，我们会帮你的。

标签： javascript variables button var

【解决方案1】：

代码可能如下所示：

var count = 500;
var decrementAmount = 25;

function reduceVariable() {
   count -= decrementAmount;    
}

然后，只需通过单击按钮调用 reduceVariable。

【讨论】：

比我想象的要简单得多，是否可以在它达到 0 时重置它，从而轻松地创建另一个 var = true？
@SusuReedJango - 是的，这是可能的，但就像其他一些 cmets 所说，您需要表现出一些学习/研究如何做事和尝试某事的意识。我建议你去看看 if 语句在 javascript 中是如何工作的。这是one place 看看。
我已经在许多网站和视频教程上寻找答案，特别是在几天的时间里，并在十分钟内得到了一个。主要是确保它是可能的.我现在会研究它并尝试一下，感谢您的帮助和简单！我现在继续。哈。

【解决方案2】：

看到这个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);

【讨论】：

【解决方案3】：

试试这个例子：

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

这里是demo

【讨论】：

抱歉再试一次。我刚刚更新了jsfiddle，我的代码很好