순서도대로 코드를 수정하면 다음과 같습니다.
let out = 0; // 아웃 횟수
$form.addEventListener('submit', (event) => {
(중략)
// $logs.append(`${value}: ${strike} 스트라이크 ${ball} 볼`, document.createElement('br')); 삭제
if (strike === 0 && ball === 0) { // 0 스트라이크 0 볼인가?
out++;
$logs.append(`${value}:아웃`, document.createElement('br'));
} else {
$logs.append(`${value}:${strike} 스트라이크 ${ball}볼`,
document.createElement('br'));
}
if (out === 3) { // 패배 메시지 표시
const message = document.createTextNode(`패배! 정답은 ${answer.join('')}`);
$logs.appendChild(message);
return;
}
tries.push(value);
});