[JavsScript] 자바스크립트 텍스트 박스 값 변경 확인하기

155_자바스크립트 텍스트 박스 값 변경 확인하기 [적용] 텍스트 입력 폼의 변경을 감시하고 싶을 때 [문법] 이벤트 의미 change input 요소 변경 시 이벤트 input input 요소 키 입력 시 이벤트 [내용] 텍스트 입력 폼의 데이터 변경 여부는 change와 input 이벤트로 감시가 가능하다. addEventListener()를 사용해 이벤트 핸들러를 설정한다. 이벤트 핸들러 내부 함수는 앞서 기술한 텍스트 박스 값 읽어 오기 방법을 사용한다. input 이벤트는 키 입력 발생과 함께 발생하지만 change 이벤트는 enter 키 혹은 포커스가 벗어났을 떄 발생한다. HTML index.html JavaScript main.js // input 요소 참조 const element = d..

2022.07.12

[JavaScript] 자바스크립트에서 날짜와 시간 차이 구하기

084_자바스크립트에서 날짜와 시간 차이 구하기 [적용] 두 날짜의 차이를 구하고 싶을 때 두 시간의 차이를 구하고 싶을 때 [내용] 비교하고 싶은 날짜와 시간을 Date 인스턴스에 넣고 getTime()을 사용하여 밀로초를 구한다. 밀리초는 자바스크립트에서 가장 간단한 시간 단위로 두 날짜의 밀리초를 계산하여 차이를 구한다. 계산 후 알아보기 쉬운 단위로 변환이 필요하다. 일수(Day)는 결과값을 '24*60*60*1000'으로 나누면 확인할 수 있다. const dateA = new Date('2022/06/01'); const dateB = new Date('2022/05/01'); const diffMSec = dateA.getTime() - dateB.getTime(); const diffDat..

2022.06.11