공부했던 자료 정리하는 용도입니다. 재배포, 수정하지 마세요. D-day 계산기입력창실행하면 프롬프트 창이 뜬다. yyyy-mm-dd 형식으로 시작일을 입력해주면 된다.
HTML 파일(dday.html)
기본적인 html문서틀을 만들어 준 뒤 CSS 파일과 JS 파일을 연결해준다. 자바스크립트에서 필요한 연산을 수행한 뒤 DOM 을 이용해서 결과값을 출력해줄 것이다. CSS 파일(dday.css)
표현하고 싶은 스타일대로 스타일을 설정해준다. 컨텐츠들을 깔끔하게 가로 정렬하기 위해서 inline-block 을 사용하였다. 중복되는 속성들이 많아서 처음 나오는 속성에만 주석으로 설명을 달았다. Javascript 파일(dday.js)
자바스크립트를 이용해서 날짜 연산을 해준다. ( getTime( ) 을 이용해서 밀리 초로 변환한 뒤 계산을 해주면 된다.) 연산을 다 수행하면 querySelector( ) 를 이용해서 지정한 위치에 결과값을 출력한다. |