디데이2 Vanilla JS. D-day calculator (feat. flexible) * 저번에 배운 고정된 날짜 값에 대한 디데이 계산을 토대로 입력 값에 대한 디데이 계산기를 만들어보았다. 디데이 계산기 // 계산된 디데이 값이 나오기 전까지 안보이게 .hidden { display: none; } * 계산된 디데이 값이 나오기 전까지 안보이게 클래스값을 줘서 css display로 출력이 안되게 숨겨두었다. const main = document.querySelector("#main"); const title = document.querySelector(".title") const select = document.querySelector(".select"); function mainHandle(event) { const Hidden = "hidden"; event.preventDef.. 2023. 1. 13. Vanilla JS. D-day(feat. fixed) * 노마드코더 강의를 보고 만든 고정된 날짜 값에 대한 디데이를 만들었다가, 고정된 값이 아닌 입력값을 기반으로 만들어 보면 어떨까해서 유동적으로 입력값을 넣으면 계산되는 디데이 계산기도 만들어 보았다.(이건 다음 시간에) * 오늘은 고정된 값에 대한 것만 업로드. 2023 크리스마스 const clock = document.querySelector("#clock"); function Dday() { const target = new Date("2023-12-25"); // 고정된 날짜 값 const today = new Date(); // 현재 시간 const diff = target - today; const d = Math.floor(diff / (1000*60*60*24)); /* 처음 봤을 때 .. 2023. 1. 10. 이전 1 다음