ページの末尾にCopyrightを記載したサイトを見かけます。ちなみに『©』は『©』と書くことで表示できます。
Copyright © 2022 カミュプリィ (Commuply Inc.)
年が入っているため更新しないでおくと、何年もサイトを更新していないように思われてしまいます。
自動更新できないかなぁと考えました。
HTML
htmlのhead部分に使用するジャバスクリプトのファイルを記載します。
<head>
<script type="text/javascript" src="./loadevent.js"></script>
</head>
つぎに、実際に表示される年の数字部分に『currentyear』と名前を付けます。この名前をつけた部分をジャバスクリプトで書き換えます。
<span class="currentyear">2022</span>
JavaScript
『currentyear』を今年へ書き換える関数を書きます。
function updateyear() {
let currentyear = document.getElementsByClassName(‘currentyear’);
for(var i = 0, len = currentyear.length|0; i < len; i = i + 1|0) {
currentyear[i].textContent = (new Date()).getFullYear();
}
}
つぎに、htmlが表示されたときに『updateyear』を呼び出す設定をします。
window.addEventListener('load', updateyear);