8.4

공 순서대로 표시하기

이제 뽑은 공들을 화면에 표시하겠습니다. 긴장감을 위해 1초에 하나씩 뽑기로 했으니 타이머 함수(setTimeout())를 사용합니다. 첫 번째 공을 1초 뒤에 뽑는다면 다음과 같이 같이 작성합니다.

① 1000밀리초 후에 실행하도록 setTimeout()으로 지정합니다.

② document.createElement() 메서드를 사용해 기존 HTML에 없던 ball 태그를 새로 생성합니다.

③ ball 태그의 클래스를 'ball'로 지정해 style 태그에 있는 CSS를 적용합니다.

④ 태그의 내용물로는 winBalls 배열의 첫 번째 요소를 넣습니다.

⑤ #result 태그 안에 ball 태그를 추가합니다.