javascript - return 문을 추가하면 함수가 제대로 작동하지 않아 함수가 실행되는 return 문을 생략합니까?

이 문제가 발생하는 이유는 매우 혼란 스럽습니다. 기본적으로, 나는 단어/문구 추측 게임을 만들려고 노력하고 있으며 올바른 버튼 문자가 문구의 문자와 일치하면 문자를 발견합니다. 변수 안에 일치하는 (정확한) 문자를 저장하고 해당 문자를 반환해야합니다. 추측 한 문자가 올바른 것이 아닌 경우 null을 반환하는 함수가 필요합니다.

function checkLetter(clickedLetter) {
let letterFound = ""
if (clickedLetter.tagName == "BUTTON"){
    clickedLetter.className = "chosen";
    clickedLetter.setAttribute("disabled", "true");
    const li = document.querySelectorAll("li.letter")
    for (let i = 0 ; i < li.length ; i++){
        if (clickedLetter.textContent.toLowerCase() == li[i].textContent.toLowerCase()){
            li[i].classList = "show";
            letterFound = li[i]
           //without this return statement, it runs fine
            return letterFound
        } else {
        //without this return statement, it runs fine
        return null
        }
    }
}
}
qwerty.addEventListener("click", (e) => {
    const clickedLetter = e.target;
    checkLetter(clickedLetter);
});

https://jsfiddle.net/y4q7ot68/1/ 다음은 return 문이 주석 처리되어 작동하는 jfiddle 데모입니다. 당신이 반환 진술을 주석 해제하면, 그것은 모두 엉뚱하고 문자 및/또는 모든 문자를 발견하지 않습니다. 내가 뭘 잘못하고 있니?