如何获取JavaScript以将类添加到LI标签

问题描述

我正在尝试获取功能“检查字母”，以查看用户单击的按钮是否与短语中的字母匹配，如果匹配，则将“显示”作为类添加到其LI元素中。

//将DOM元素链接到javascript中的变量

    const letters = document.getElementById('qwerty');
    const letter = document.querySelectorAll('button');
    const keyWords = document.querySelector('#phrase');

//用户将不得不猜测的短语数组

     var phrases = ['Apple and Orange','Texas California Florida','Hampton Suites'];

//选择一个随机短语。

    function getRandomPhrase(arr){
    var randomPhrase = arr[Math.floor(Math.random() * arr.length)];
    return randomPhrase;
   }
     let winningWords = getRandomPhrase(phrases);

      addPhraseToDisplay(winningWords);

//检查字母是否在短语中

    function checkLetter(button){
    let letter = document.querySelectorAll('.letter');
     let match = ' ';
     for (let i = 0; i< letter.length; i++){
    const li = letter[i];
    if(button.textContent === li.textContent.toLocaleLowerCase() ){
        match = li.classList.add('show');
    } else{
        return null;
    }
}
return match;
 }

//向按钮添加事件监听器

   letters.addEventListener('click',(e) => {
   const button = e.target;

   if (button.tagName === 'BUTTON'){
    button.classList.add('chosen');
   }

  checkLetter(button);


  });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）