EventListener 형식
//alert 창 닫기-id가 close인 요소에 클릭이 발생하면 닫아주세요
document.getElementById('close').addEventListener('click', function(){
document.getElementById('alert').style.display='none';
});
버튼 1, 2 각각을 클릭했을 때의 실행 결과.
EventListener를 사용하면 버튼에 온클릭 부여하지 않고도 처리 가능하다
Event에는 여러가지가 있음
click
keydown
scroll
mouseover
'STUDY > 진짜 웹 개발로 배우는 실용 JS' 카테고리의 다른 글
1-8강 : 모달창 만들기와 간단한 애니메이션 (0) | 2022.05.14 |
---|---|
1-6강 : 서브메뉴 만들어보기와 classList 다루기 (0) | 2022.05.09 |
1-4강 : 파라미터 왜 사용? (0) | 2022.05.08 |
1-3강 : function + 간단한 버그 찾기 (0) | 2022.05.08 |
1-2강 : Alert 만들어서 유저 위협하기 (0) | 2022.05.08 |