const btn = document.getElementById('btn');
const def = document.getElementById('default');
const input = document.getElementById('input');

//btn.addEventListener("이벤트 이름",콜백함수)
btn.addEventListener('click', function (event) {
    event.preventDefault;
    console.log(event);
    console.log(event.target);
    // console.log('HIHIHIHIHI');
});
btn.addEventListener('mouseover', function () {
    console.log('요소에 커서를 올렸을 때');
});
btn.addEventListener('mouseout', function () {
    console.log('마우스가 요소를 벗어날떄');
});
btn.addEventListener('mousedown', function () {
    console.log('마우스를 누르고 있는 상태');
});

//input에다가 쓰는게 적당함.
input.addEventListener('focus', function () {
    console.log('포커스가 갔을떄');
    // alert('입력');
});
//포커스가 벗어나는 순간
input.addEventListener('blur', function () {
    console.log('blur');
});
//길이 제한할떄, 타자를 칠 때 발생
input.addEventListener('keydown', function () {
    console.log('키를 누르는 순간에만 발생');
});