셀프체크
colorize()는 공의 숫자에 따라 다른 색을 칠하는 함수입니다. 공을 생성할 때 이 함수를 호출해 색을 지정해 주면 됩니다. 그리고 clickable 변수를 선언해 시작 버튼을 클릭할 수 있는지를 확인합니다. 공 추첨 중에는 clickable을 false로 만들어 버튼을 클릭해도 반응이 없게 하다가 7초 뒤에 clickable을 true로 만들면 됩니다. 공을 추첨할 때마다 $result와 $bonus의 innerHTML을 ''로 만들면 처음부터 로또 추첨을 진행하는 것처럼 보이게 됩니다.
function colorize(number, $tag) {
if (number < 10) {
$tag.style.backgroundColor = 'red';
$tag.style.color = 'white';
} else if (number < 20) {
$tag.style.backgroundColor = 'orange';
} else if (number < 30) {
$tag.style.backgroundColor = 'yellow';
} else if (number < 40) {
$tag.style.backgroundColor = 'blue';
$tag.style.color = 'white';
} else {
$tag.style.backgroundColor = 'green';
$tag.style.color = 'white';