如何让javascript向LI标记添加类

我试图获得函数“checkletter”，查看用户单击的按钮是否与短语中的字母匹配，如果匹配，则将“show”作为类添加到其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);


  });