01.addEventListener("click")
"addEventListener"는 JavaScript에서 이벤트 처리를 관리하는 메서드 중 하나입니다. 이 메서드를 사용하여 HTML 문서의 요소에 이벤트 리스너를 추가하고, 해당 요소에서 발생한 이벤트를 감지하고 처리할 수 있습니다. "click" 이벤트는 사용자가 요소를 클릭할 때 발생하며, 이를 감지하고자 할 때 "addEventListener"를 사용할 수 있습니다.
{
// HTML에서 버튼 요소 가져오기
const button = document.getElementById("myButton");
// 버튼에 "click" 이벤트 리스너 추가
button.addEventListener("click", function() {
// 이곳에 클릭 이벤트가 발생했을 때 실행할 코드를 작성합니다.
alert("버튼이 클릭되었습니다!");
});
}
05.addEventListener("DOMContentLoaded")
"DOMContentLoaded" 이벤트는 HTML 문서가 완전히 로드되고 파싱되었을 때 발생하는 이벤트입니다. 이 이벤트는 HTML 문서의 모든 요소, 스타일 시트, 이미지 및 하위 자원이 다운로드되었을 때, 그리고 DOM (문서 객체 모델)이 완전히 구축되었을 때 실행됩니다. 이것은 보통 스크립트가 문서를 조작하거나 초기화하는 데 사용됩니다.
{
document.addEventListener("DOMContentLoaded", function() {
// 이곳에 실행하려는 코드를 작성합니다.
// 이 코드는 HTML 문서가 로드되고 파싱된 후 실행됩니다.
console.log("문서가 로드되었습니다!");
});
}
TOP