Javascript执行一个函数，两个数组中的索引数量是否相等？

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 4 年前。

Improve this question

当两个数组的长度相等且大于零时，我尝试执行一个函数。

我的程序将“字母”类别分配给短语 div 中的每个列表项。如果按下的按钮与该 div 中的字母匹配，则该字母将被分配给“show”类，该类会将其显示给用户。

我不明白为什么我的获胜条件没有得到满足。我比较两个索引长度的方式有问题吗？

我已在此处添加了我的代码:https://codepen.io/Azo3307/pen/vPjwxr

我的 checkWin() 函数位于第 100 行，然后在触发每次按钮按下后在第 143 行调用它。

    // Check win condition

function checkWin() {
    let showClass = document.getElementsByClassName('show');
    let lettersClass = document.getElementsByClassName('letters');
    if (showClass.length == lettersClass.length && showClass.length > 0 && lettersClass.length > 0) {
        console.log('you win');
        addElement('win', `You Win!`, `"${phraseArray}" is correct! `);
    } else if (missed == 5) {
        console.log('you lose');
        addElement('lose', 'Game Over!', 'Better luck next time!');
    }
}

非常感谢任何帮助。谢谢。

Answer 1

这是因为您要求使用 let document.getElementsByClassName('letters') 而不是 letter:

<li class="letter show">t</li>

第二点，如果 showClass.length == lettersClass.length 且 showClass.length > 0，则不需要测试 lettersClass.length > 0;)

function checkWin() {
    let showClass = document.getElementsByClassName('show');
    let lettersClass = document.getElementsByClassName('letter');
    if (showClass.length == lettersClass.length && showClass.length > 0) {
        console.log('you win');
        addElement('win', `You Win!`, `"${phraseArray}" is correct! `);
    } else if (missed == 5) {
        console.log('you lose');
        addElement('lose', 'Game Over!', 'Better luck next time!');
    }
}

最后一个，在尝试任何操作之前，只需选择所有 block 就可以轻松了解文本;) 您应该 display:none 而不是将其设置为透明。