$form.addEventListener('submit', (event) => {
(중략)
console.log(winBalls, bonus);
setTimeout(() => { ------------------------------- ①
const $ball = document.createElement('div'); --- ②
$ball.className = 'ball'; ---------------------- ③
$ball.textContent = winBalls[0]; --------------- ④
$result.appendChild($ball); -------------------- ⑤
}, 1000);
});
코드를 저장한 뒤 HTML을 실행합니다. 입력창에 숫자 6개를 입력하면 다음과 같은 화면이 뜹니다. 당첨 숫자는 무작위로 뽑으므로 웹 브라우저를 새로고침할 때마다 달라집니다.
그림 8-3 공 하나를 뽑았을 때