Question

我正在尝试解决this project的2个问题：

不匹配时将卡片向后翻转。
一旦发生随机化，允许用户在游戏计时器开始之前短暂显示所有随机化卡x秒钟。

有一次我能够翻转无与伦比的牌，但是在尝试解决问题2时我失去了这种能力。

对于＃1，我首先声明了一个变量：

const pix = document.querySelectorAll('.card img');

然后我做了一个if / else隐藏了不匹配的内容：

function checkForMatch() {
  if (
      toggledCards[0].firstElementChild.className === toggledCards[1].firstElementChild.className) {
        toggledCards[0].classList.toggle('match');
        toggledCards[1].classList.toggle('match');
        toggledCards = [];
        matched++;
      }  else {
          setTimeout(() => {
          toggleCard(toggledCards[0]);
          toggleCard(toggledCards[1]);
          toggledCards = [];
          // Trying to hide unmatchaed cards here
          pix.style.display = "none";
        }, 1000);
      }
  };

那失败了，我不知道为什么。

Answer 1

正如Sheng Slogar所述，img标记上没有类名，因此它不起作用。我添加了一些要检查的东西，它可以正常工作，所以只需将带有数字的类添加到图像中，它将可以正常工作：）

我也建议使用data attributes来实现这种功能，因为这正是它们的用途。

翻转卡的问题（香草JS）

1 个答案: