小编Bar*_*ill的帖子

我试图根据代码中的某些条件显示或隐藏按钮元素。我已将按钮的默认CSS设置为“隐藏” display: none，然后添加一个将显示更改为的类display: block。

HTML：

<div>
  <button id="show">SHOW</button>
</div>

CSS：

#show {
  display: none;
}

#show .visible {
  display: block;
}

JS：

var d = document.getElementById('show');
d.className += "visible";

我也尝试过：

var d = document.getElementById('show');
d.classList.add("visible");

以及：

documnet.getElementById('show').classList.add('visible');

问题是我无法使该类正确应用，并且在更新该类时也不会显示按钮。我确定我忽略了一些简单的事情，只是不确定有人可以提供帮助。

使用之前的问题作为基点，在此处提出。我正在尝试创建一个完整的二十一点游戏，但在创建一个保存 的键：值对的 Hand 对象时遇到了问题{name: cards[]: total: status:}。

我试图cards[]使用该reduce()方法动态地将数组中的数字加在一起，但遇到了问题。由于牌尚未发完，我收到错误：在 Array.reduce() 处减少没有初始值的空数组。

这是我的代码：

function DrawOne() {
    let card = cardsInDeck.pop();
    return card;
}

function Hand(name, cards, total, status) {
    this.name = name;
    this.cards = [];
    this.total = total;
    this.status = status;
}

var playerHands = new Array();

function InitialDealOut() {
  ++handNumber;
  let newHand = 'playerHand0' + handNumber;
  let handCards = [];
  let handTotal = handCards.reduce(function(sum, value) {
      return sum + value;
  });

let playerHand …