Javascript循环每秒跳过一个连续项

Javascript循环每秒跳过一个连续项,javascript,Javascript,我正在做一个游戏,当你在屏幕键盘上点击字母时,它会显示字母。我已经将这个短语转换为一个字符和空格数组,作为列表项追加到html中。列表项得到一个带有一些CSS样式的“字母”类,当正确猜测该类时,该类将更改为“显示”。单击按钮时,我正在数组上循环。不过,我在连续重复的信件方面遇到了麻烦。例如,字符串“AAAAA”将仅显示为“A_A_A”。如何确保我的循环捕捉到单击字母的每个实例 JavaScriptpt: function addPhraseToDisplay (arr) { for (l

我正在做一个游戏,当你在屏幕键盘上点击字母时,它会显示字母。我已经将这个短语转换为一个字符和空格数组,作为列表项追加到html中。列表项得到一个带有一些CSS样式的“字母”类,当正确猜测该类时,该类将更改为“显示”。单击按钮时,我正在数组上循环。不过,我在连续重复的信件方面遇到了麻烦。例如,字符串“AAAAA”将仅显示为“A_A_A”。如何确保我的循环捕捉到单击字母的每个实例

JavaScriptpt:

function addPhraseToDisplay (arr) {
    for (let i = 0; i < arr.length; i++) {
        let li = document.createElement('li');
        li.textContent = arr[i];
        phrase.append(li);
        if (li.textContent !== ' ') {
            li.className = 'letter';
        }
        else {
            li.className = 'space';
        }
    }
}

addPhraseToDisplay(phraseArray);

qwerty.addEventListener('click', (e) => {
    const button = e.target;
    const hearts = document.getElementsByClassName('tries');
    const heartTotal = document.getElementById('scoreboard').firstElementChild;

    function checkLetter (button) {
        const letters = document.getElementsByClassName('letter');
        let match = null;
        for (let i = 0; i < letters.length; i++) {
            if (button.textContent.toLowerCase() === letters[i].textContent.toLowerCase()) {
                letters[i].className = 'show';
                button.style.backgroundColor = '#6DB0C5';
                match += button.textContent;
            }
        }
        return match;
    }

    if (button.tagName === 'BUTTON' && button.className !== 'chosen') {
        button.className = 'chosen';
        const letterFound = checkLetter(button);
        if (letterFound === null) {
            for (let i = 0; i < hearts.length; i++) {
                button.style.backgroundColor = '#FF70A6';
                heartTotal.removeChild(hearts[i]);
                return missed++;
            }
        }
    }
    checkWin();
});
函数addPhraseToDisplay(arr){
for(设i=0;i{
常数按钮=e.目标;
const hearts=document.getElementsByClassName('tries');
const heartTotal=document.getElementById('scoreboard').firstElementChild;
功能检查字母(按钮){
const letters=document.getElementsByClassName('letter');
让match=null;
for(设i=0;i
欢迎使用堆栈溢出!请拿着(你得到了一个徽章!),四处看看,仔细阅读,特别是我还推荐乔恩·斯基特的。起始HTML是什么样子的?请使用演示问题的示例更新您的问题,最好是使用堆栈片段(
[]
工具栏按钮)运行的问题。