【JS】フッターのコピーライトとかで自動的に今の年を表示する方法 #JavaScript

フッター等によく書いてあるコピーライト。
Copyright © hoge.exmaple.com 2010-2020 All Rights Reserved.
こういうやつです。

この2020という年数を年が変わるたびに手動で変更するのは面倒ですよね。今回はJavaScriptで自動で今の年を表示する方法を紹介します。ものすごい小ネタです。

フッターのコピーライトとかで自動的に今の年を表示する方法

<footer>
  <p class="copyright">Copyright © <span class="thisYear"></span> hoge.example.com All Rights Reserved.</p>
</footer>

JavaScriptで今の年を表示しているだけです。

  const yearElm =  document.querySelector('.thisYear'); // <span class="thisYear"></span>を取得
  const thisYear = new Date().getFullYear(); // 今の年を取得
  yearElm.innerHTML = thisYear; // <span class="thisYear"></span>の中に年を表示

コピーライトの書き方

ちなみに、最初に例示したコピーライトは間違ってはいませんがいろいろ不要なものが多いです。というかそもそもコピーライトの表記自体なくても問題ないのです。でも慣習的に書いておいた方が無難。