자동으로 연도 변경하여 삽입하기

자동으로 연도 변경하여 삽입하기

사이트 하단에 회사 '창립 년도 ~ 현재 년도' 까지 적어두는 부분을 많이 봤을 것이다.

기업들이 보통 많이 작성해두는데, 수동으로 작성하는 곳은 없으리라 믿는다. 

캡쳐 : 삼성 홈페이지

자세히 보면 이렇게 ↓↓

HTML

<footer>

  2010~<span id="thisYear"></span>

</footer>

자동 값을 넣으려는 곳 id 값을 주었다.

JS

const _date = new Date();

const _year = _date.getFullYear();

const thisYear = document.getElementById('thisYear');

thisYear.innerText = _year;

id 값으로 변수를 만들어 그 안에 innerText해서 get한 값을 넣었다.

new Date(); 가 궁금하면 MDN을 참고하자!

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

[예제]

See the Pen vVzNRx by leeyoonseo (@okayoon) on CodePen.