SetTimeOut 함수쓸 때 주의점

const showBall \= (number, $target) \=> {
const span \= document.createElement("span");
span.className \= "ball";
span.innerHTML \= lotto\[number\];
$target.append(span);
};

이렇게 함수 설정해놓고

for (let i \= 0; i < lotto.length \- 1; i++) {
setTimeout(showBall(i,$result), i \* 1000);
}//

이렇게 하면 저 showBall은 되지만, 뒤에 값이 실행이 안돼서 그냥 한번에 다 나와버림

for (let i \= 0; i < lotto.length \- 1; i++) {
setTimeout(() \=> showBall(i, $result), i \* 1000);
}

이렇게 해줘야됨(콜백 함수로)

AddEventListener랑 똑같은 방식으로, A() 이런식으로 넣는건 저 파라미터에 함수의 리턴값을 넣겠다는 의미

+ js에서 자체적으로 태그 추가하는법

일단 createElement로 원하는 태그를 하나 만들고
태그.className = ' '로 class명까지 붙이고
append/appendchild 하면 끝