udemy-7-1-2

click 이벤트 발생하면 현재 시간으로 변경하기

by YeriKim1028

HTML

<h1>addEventListener</h1>
<button id="checkDateBtn">날짜 확인</button>
<p id="showDate"></p>

JavaScript

// 요소 획득

// id가 checkDateBtn인 요소를 가져온다 ("날짜확인"이라는 버튼)
const checkDateBtn = document.getElementById('checkDateBtn'); 

// id가 showDate 요소를 가져온다 (날짜 텍스트를 보여줄 p태그)
const showDate = document.getElementById('showDate'); 

// checkDateBtn 클릭 이벤트 감지(listen)
checkDateBtn.addEventListener('click', function() {
  showDate.innerText = new Date(); // showDate 요소의 내용 >>> 현재 날짜 출력
});