더북(TheBook)
$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 공 하나를 뽑았을 때

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.