제시어가 비어 있는지 판단하는 절차를 작성해 보겠습니다.

① 제시어를 저장할 변수 word를 선언합니다. word는 사람들이 단어를 입력할 때마다 바뀌므로 const 대신 let을 사용합니다.

② let으로 선언할 때 아무 값도 넣지 않아서 word는 undefined가 됩니다. undefined는 if 문 안에 들어가면 false로 취급하니 !word는 true입니다. 그래서 ‘제시어가 비어 있는가?’를 if (!word)로 표현합니다. 반대로 ‘제시어가 있는가?’는 if (word)로 표현할 수 있습니다.

let newWord; // 현재 단어

let word; // 제시어 -------------------------- ①

const onInput = (event) => {
  newWord = event.target.value; // 입력한 단어를 현재 단어로 저장 
};
const onClickButton = () => {

  if (!word) { // 제시어가 비어 있는가? ------ ②
    // 비어 있음
  } else {
    // 비어 있지 않음
  }

};