이제 최적화한 순서도를 코드에 반영해 보겠습니다. onClick() 함수에서 if 문의 순서를 조정해 OR 관계가 있는 판단 절차 두 개를 하나로 줄였습니다. 이때 절차 1인 ‘제시어가 비어 있는가?’는 절차 2인 ‘제시어에 맞는 단어인가?’보다 우선순위가 높으므로(절차 1을 절차 2보다 먼저 판단) 절차 1이 || 앞에 나와야 합니다. 순서를 조정하면 코드가 상당히 짧아집니다.
const number = Number(prompt('참가자는 몇 명인가요?'));
const $button = document.querySelector('button');
const $input = document.querySelector('input');
const $word = document.querySelector('#word');
const $order = document.querySelector('#order');
let word; // 제시어
let newWord; // 현재 단어
const onInput = (event) => {
newWord = event.target.value; // 입력한 단어를 현재 단어로 저장
};
const onClickButton = () => {
// 제시어가 비어 있거나 입력한 단어가 맞는 단어인가?
if (!word || word.at(-1) === newWord[0]) { ------ ④