防止 var 变为负数答案

【问题标题】：Prevent var from going negative防止 var 变为负数
【发布时间】：2021-11-23 06:11:25
【问题描述】：

我有一个按钮，其 var 以 0 开头，当您单击另一个按钮时，它会增加到 1。但是如果您先单击第二个按钮，则 var 变为负数。该按钮在开始时是禁用的，但当它增加到 1 时应该启用该按钮。

当页面加载时，按钮被禁用，但是当 var 变为 1 时，按钮仍然被禁用。我试过了：if(var == 0){document.getElementById("button1").disabled = true; return false;}

【问题讨论】：

您能否创建一个可重现的最小示例？
您是否在使用带有静态 html 和 css 的“普通”javascript？请至少告诉我们minimal, reproducible example of your code。
我想举个例子，但我写的代码不起作用。下面的代码对我有用。

标签： javascript html button var

【解决方案1】：

您可以在下面的 sn-p 中执行类似的操作：

您可以使用任何标签代替input，例如div span h1 ...您可以根据需要使用任何标签。
您需要更改的这件事将像这样将.value 更改为.innerHTML（1 个示例）：
var units = document.getElementsByClassName("unitsMain")[0].innerHTML

function decreaseUnits() {
  var units = document.getElementsByClassName("unitsMain")[0].value
  if (units > 0) {
    units--;
    document.getElementsByClassName("unitsMain")[0].value = units;
  }
}

function increaseUnits() {
  var units = document.getElementsByClassName("unitsMain")[0].value
  units++;
  document.getElementsByClassName("unitsMain")[0].value = units;
}

<button class="decOrderUnits" onclick="decreaseUnits()"><i class="fa fa-minus"></i>-</button>
<input class="unitsMain" value="0" maxlength="3">
<button class="incOrderUnits" onclick="increaseUnits()"><i class="fa fa-plus"></i>+</button>

【讨论】：