JavaScript按钮启用和禁用

Question

你好，所以我要重新制作流行的游戏cookie单击器，但遇到一些问题，所以这是我需要帮助的地方

如您所知，在游戏cookie单击器中，它们具有加电按钮，当您没有足够的钱购买按钮时，这些按钮会禁用自身功能。

这就是我需要的帮助，我希望能够禁用开机按钮，当我有足够的钱时，使它们自动启用

所以在这里，我将放置一些示例代码来对其进行更好的解释

代码：

if (cookies >= 10) {
    document.getElementById("IdName").disabled = false;
}else {
    document.getElementById("IdName").disabled = true;
}

Answer 1

像这样吗？

function evalButton() {
  var cookies = document.getElementById("cookies").value;
  cookies = parseInt(cookies, 10);
  console.log(cookies);
  if (cookies >= 10) {
      document.getElementById("IdName").disabled = false;
  }else {
      document.getElementById("IdName").disabled = true;
  }
}

#IdName {
  background: red;
}

#IdName:disabled {
  background: grey;
}

<input id="cookies" onkeyup="evalButton()"/>
<button id="IdName">Press me</button>

您的代码运行正常-Cookie值可以在函数中派生或作为参数传递。可以使用一些CSS来为禁用状态提供视觉提示。