https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick
https://github.com/2taesung/JSOfficialDoc
mixin 의 onclick속성은 주어진 요소에서 이벤트 를 처리하기 위한 이벤트 핸들러 입니다 .GlobalEventHandlers
=> 다양한 이벤트 핸들러들(ex, onclick)이 GlobalEventHandlers믹스인에 정의 되어있고 HTMLElement, Document, Window 등에서 불러와 활용할 수 있다.
target.onclick = functionRef;
functionRef함수 이름 또는 함수 표현식 입니다. 함수는 MouseEvent객체를 유일한 인수로 받습니다 . 함수 내에서도 바인딩된 this객체가 onclick됩니다(이 역시 일치함 event.currentTarget).
=> 바인딩된 this객체 이야기는 나중에 this를 배우면서 더 정확히
function changeColor(demo) {
// console.log(demo)
demo.style.backgroundColor = 'red'
}
let demo = document.getElementById("demo")
// demo.addEventListener("click", changeColor(demo))
demo.onclick = function() {
changeColor(demo)
}
e.clientX ?