css 연결 오류..?
안녕하세요!
link 태그로 css를 연결하면 script코드가 웹에 그대로 출력됩니다
이런식으로요..
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<script>
const dateFormMaker = function () {
const inputYear = document.querySelector('#targetYear').value;
const inputMonth = document.querySelector('#targetMonth').value;
const inputDay = document.querySelector('#targetDay').value;
// const dateFormat = `${inputYear}-${inputMonth}-${inputDay}`;
const dateFormat = inputYear + '-' + inputMonth + '-' + inputDay
// console.log(inputYear, inputMonth, inputDay);
return dateFormat;
}
const counterMaker = function () {
const targetDateInput = dateFormMaker();
const today = new Date();
const targetDate = new Date(targetDateInput).setHours(0,0,0,0);
const left = (targetDate - today) / 1000;
const leftDay = Math.floor(left / 3600 / 24);
const leftHour = Math.floor(left / 3600) % 24;
const leftMin = Math.floor(left / 60) % 60;
const leftSec = Math.floor(left) % 60;
console.log(leftDay, leftHour, leftMin, leftSec)
};
</script>
</head>
<body>
<h1>D-Day</h1>
<div id="D-day-container">
<div class="inner">
<span id="days">0</span>
<span>일</span>
</div>
<div class="inner">
<span id="hours">0</span>
<span>시</span>
</div>
<div class="inner">
<span id="min">0</span>
<span>분</span>
</div>
<div class="inner">
<span id="sec">0</span>
<span>초</span>
</div>
</div>
</div>
<div id="inputbox">
<input id="targetYear" class="targetInput" />년
<input id="targetMonth" class="targetInput" />월
<input id="targetDay" class="targetInput" />일
</div>
<button onclick= "counterMaker()">날짜설정</button>
</body>
</html>혹시나 바디태그 끝으로 script 태그를 옮겨봤는데도 똑같아요...
왜 그럴까요
답변 1
강의 내용 PPT 제공
0
177
2
openweather 401 오류 지속적으로 발생해요..ㅠ
0
382
3
Geolocationposition 오류
1
523
1
for of, for in 강의에서
0
218
1
선생님 remaining 질문입니다.
0
232
1
ppt 제공
0
327
1
혹시 프론트, 백엔드 코스랑 강의가 겹치나요?
0
534
2
display:flex의 의미
0
431
1
반복문을 활용한 날짜 데이터 리팩토링
0
287
2
JS로 HTML. CSS 조작
0
256
1
조건에 따른 메시지 출력 강의
0
183
1
locallhost
0
477
2
객체 속성 접근시 브라켓 이용(vs. 닷 오퍼레이터)
0
254
1
interval에 대한 질문입니다.
0
279
2
이해가 안되는 부분..
0
402
2
강의 보며 작업한 코드를
0
395
1
제대로 이해한건지 모르겠어요..
0
323
2
강의자료 부탁드립니다.
0
480
1
Uncaught TypeError: Cannot set properties of null (setting 'textContent')
0
5068
1
openweather api 2.5 관련 질문드립니다
0
749
2
openweather 401에러
0
520
1
createTodo함수 안에 매개변수
0
245
1
contents : complete : 가 무슨뜻인가요?
0
258
2
Javascript Exercise 깃허브에 푸쉬
0
353
1