JavaScript의 기초적인 제어 방법 : addEventListner 변수에 html 문서의 요소를 담는 방법 : document.querySelector

addEventListner()

말 그대로 어떤 이벤트가 발생했을 때 기능을 작동시키는 코드이다. 객체.addEventListener('click',function)와 같은 방식으로 활용할 수 있다. 'click' 이 부분에는 다양한 액션이 들어올 수 있고, function 부분에 작동시킬 기능을 집어넣을 수 있다.

.querySelector

HTML 문서의 요소를 변수에 담는 방법이다. document.querySelector('.class name')과 같은 방식으로 담을 수 있다.

참고 자료

https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener EventTarget.addEventListner()
https://developer.mozilla.org/ko/docs/Web/API/Document/querySelector Document.querySelector()