javascript - 如何使用 JavaScript 重新启用曾经禁用的按钮

Question

我在这里搜索了有关“如何启用禁用按钮”的问题，但带有“removeAttribute”的按钮根本不起作用，不知道为什么。我遇到这个问题 - 一旦我使用递减按钮达到 0，它就会被禁用，因此用户无法递减到负数，但问题是当我使用递增按钮时，递减一保持禁用状态，为什么？如果你们告诉我解决此任务的另一种方法，我将非常感激。关键是我现在可以减少到 0 以下。这是我的 HTML 和 JS:

var value = 1;
var plus = document.getElementById('plus');
var minus = document.getElementById('minus');


function add() {
  value++;
  document.getElementById('num').innerHTML = value;
}

function take() {
  value--;
  document.getElementById('num').innerHTML = value;
  if (value == 0) {
    minus.disabled = true;
  } else {
    minus.disabled = false;
  }
}

<input type="button" value="ADD" id="plus" onclick="add();">
<input type="button" value="TAKE" id="minus" onclick="take();">
<span id="num">1</span>

Answer 1

因为当您点击添加按钮时并没有运行逻辑。您只需按减号按钮即可执行此操作。

我会把它分解成自己的函数

var value = 1;
var plus = document.getElementById('plus');
var minus = document.getElementById('minus');


function add() {
  value++;
  document.getElementById('num').innerHTML = value;
  setBtnStates();
}

function take() {
  value--;
  document.getElementById('num').innerHTML = value;
  setBtnStates();
}

function setBtnStates() {
  if (value == 0) {
    minus.disabled = true;
  } else {
    minus.disabled = false;
  }
}

<input type="button" value="ADD" id="plus" onclick="add();">
<input type="button" value="TAKE" id="minus" onclick="take();">
<span id="num">1</span>

该语句可以简化为

function setBtnStates() {
    minus.disabled = value == 0;
}