이 절차를 코드로 표현하면 다음과 같습니다.
① 현재 차례의 참가자가 입력한 단어는 newWord에 저장되어 있습니다. 입력 버튼을 누르면 입력한 단어를 제시어로 만들어야 하므로 newWord를 제시어인 word에 저장합니다.
② 제시어가 되었음을 보여 주기 위해 #word 태그를 통해 화면에 표시합니다.
const $word = document.querySelector('#word'); ----------- ②
let newWord; // 현재 단어
let word; // 제시어
const onInput = (event) => {
newWord = event.target.value; // 입력한 단어를 현재 단어로 저장
};
const onClickButton = () => {
if (!word) { // 제시어가 비어 있는가?
word = newWord; // 입력한 단어가 제시어가 됨 --------- ①
$word.textContent = word; // 화면에 제시어 표시 ------ ②
} else {
// 비어 있지 않음
}
};