보너스 공은 7초 뒤에 표시하면 됩니다.
for (let i = 0; i < winBalls.length; i++) {
(중략)
}
setTimeout(() => {
const $ball = document.createElement('div');
$ball.className = 'ball';
$ball.textContent = bonus;
$result.appendChild($ball);
}, 7000);
당첨 공을 뽑는 코드와 중복되는 부분이 보입니다. 중복되는 부분은 함수로 뽑아내고 중복되지 않는 부분은 매개변수로 만들면 코드가 줄어듭니다.
$form.addEventListener('submit', (event) => {
(중략)
console.log(winBalls, bonus);
function drawBall(number, $parent) {
const $ball = document.createElement('div');
$ball.className = 'ball';
$ball.textContent = number;
$parent.appendChild($ball);
}