无法禁用按钮被按下

Question

我正在创建玩二十一点游戏的前端代码。 当用户点击 hit me 按钮时，用户会抽一张牌。 我正在努力做到这一点，但如果用户抽出一张卡片，使他们的值超过 21，那么“打我”按钮将被禁用。 然而，无论出于何种原因，该按钮都没有被禁用。

Javascript：

if (sum > 21) {
      acePresent = checkAces(array); //checks the array of cards for any aces, If so change value of ace from 11 to 1.
      if (acePresent) {
        sum = sum - 10;
      } else {
        console.log("No aces and player has busted.  Disabling hit me button");
        document.getElementById("drawcards").disabled = true;
      }

PUG 文件：

#endturn.ui.red.button
    |   Stay
#drawcards.ui.green.button
    |   Hit Me

Answer 1

如果你想用 JS 禁用一个按钮，你可以使用

document.getElementById("drawcards").setAttribute('disabled', true);

文档

逻辑的其他部分取决于您，但有一些建议：您的 checkAces 是否返回 boolean？ checkAces 是否返回正确的值？ checkAces 是否同步？

试试调试，为什么function没有到达else语句。

Answer 2

我弄清楚了这个问题。 问题是我需要将 class “禁用”添加到按钮。 正确的 Javascript 代码是这样的：

document.getElementById("drawcards").classList.add("disabled");