[TIL] addEventListener 호출함수에 argument 넣기 (익명함수)

function을 사용할때, 끝에 ()를 붙이는 것은 실행한다는 의미이다.

button1.addEventListener("click", handleClick("a"));
button2.addEventListener("click", handleClick("b"));

위 코드를 만들어 놓고 화면이 계속 button2 가 클릭된 화면으로 유지되고 있었던 이유.
function을 실행하는 ()를 붙였기 때문에.

하지만 나는 function에 argument를 넣어서 활용하고 싶었다.
그럴때는 이벤트가 발생하는 순간을 기다렸다가 function을 사용할 수 있도록 익명함수를 사용해야한다.

button1.addEventListener("click", function () {
  handleClick("a");
});
button2.addEventListener("click", function () {
  handleClick("b");
});

이렇게 바꾸면 이벤트를 잘 기다렸다가, 클릭되는 순간에 함수가 실행되었다.
이런걸 콜백함수라고 하는구나 내용을 더 찾아보고 정리해야겠다.