선생님 const로 변수를 할당해도 왜 작동할까요?
해결됨
[코드캠프] 훈훈한 Javascript
<!DOCTYPE html> <html lang="ko"> <head> <title>D-DAY</title> <script> // 전역 변수로 만들어서 모든 함수에서 접근 가능 let dateFormat = null; const dateFormMaker = function () { // 변수 camelCase 작성 -> input 에 작성한 것 (문자열임) const inputYear = document.querySelector("#target-year-input").value; const inputMonth = document.querySelector("#target-month-input").value; const inputDate = document.querySelector("#target-date-input").value; // 데이터 form 만들어 주기 // ex) "2023-03-03" dateFormat = inputYear + "-" + inputMonth + "-" + inputDate; return dateFormat; console.log(inputYear, inputMonth, inputDate); }; const counterMaker = function () { dateFormat = dateFormMaker(); const nowDate = new Date(); // 특정 지정한 날 //const targetDate = new Date("2023-03-03"); // input 창에 입력한 특정 날 // "" 로 쓰면 문자열 데이터로 인식되기 때문에 변수로 써야하기 때문에 dateFormat으로 사용 const targetDate = new Date(dateFormat); // 먼저 빼고 나서 나눗셈 진행 (밀리세컨드 구별) const remaining = (targetDate - nowDate) / 1000; // 1시간 3600초 // 하루 24시간 // 남은 일자 // Math.floor : 소수점 이하를 내림 const remainingDate = Math.floor(remaining / 3600 / 24); // 남은 시간 const remainingHours = Math.floor(remaining / 3600) % 24; // 남은 분 const remainingMin = Math.floor(remaining / 60) % 60; // 남은 초 const remainingSec = Math.floor(remaining) % 60; console.log(remainingDate, remainingHours, remainingMin, remainingSec); }; </script> </head> <body> <input id="target-year-input" class="target-input" /> <input id="target-month-input" class="target-input" /> <input id="target-date-input" class="target-input" /> <button onclick="counterMaker()">버튼</button> </body> </html>
- 날짜를생성하는newdate
- javascript