* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안녕하세요. 4주차 11강을 수강하던 중에 작동이 안되는 함수가 있어 문의드립니다.

셀렉트 샵에서 검색창에 아무것도 검색하지 않은 채로 엔터를 누르면 '검색어를 입력해주세요' 팝업이 뜬 후, focus 함수가 작동이 되면서 검색창의 테두리가 반짝 거려야 하는데 focus 함수가 전혀 작동하지 않습니다. (코드는 제공된 코드스니펫과 동일합니다)

인터넷을 찾아보니 브라우저의 속도 문제일수도 있다고 해서 setTimeout 함수 등을 시도해 보았는데 에러만 뜨고 고쳐지지 않아서 질문드립니다.

감사합니다

작성한 코드 및 에러 메세지

let query = $('#query').val();
// 2. 검색창 입력값을 검사하고, 입력하지 않았을 경우 focus.
if (query == ''){
    alert('검색어를 입력해주세요');
    $('#query').focus();
}

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!