ES6를 사용할 수 있는 개발 환경이라면 코드를 화살표 함수로 작성해도 됩니다.
<button>클릭</button>
<script>
const btnEl = document.querySelector("button");
btnEl.onclick = () => {
alert('arrow click');
}
</script>
또는 함수를 별도로 정의하고 함수명을 이용해 이벤트와 연결할 수도 있습니다. 이처럼 함수는 함수 선언문이나 함수 표현식, 화살표 함수 등 어떤 방식으로 정의해도 상관없습니다.
<button>클릭</button>
<script>
const btnEl = document.querySelector("button");
btnEl.onclick = clickEvent;
function clickEvent(){
alert('click');
}
</script>