Javascript を使用して Web サイトの発行年を自動更新する方法

このチュートリアルでは、Javascript を使用して Web サイトの発行年を自動更新する方法を学びます.

デザインのトレンドをチェックしてインスピレーションを得るために、さまざまなウェブサイトを閲覧するのが好きなことがあります.私の一般的な観察によると、ほとんどの Web サイトでの公開年は古くなっているように思われます.

ここで、作成したプロジェクトが多数あり、コードを編集して各 Web サイトの発行年を手動で更新する必要があるとします.これは非常に面倒で時間のかかる作業ですが、Javascript を使用することで簡単に回避できます. 2021 年もほぼ終わりなので、この短くて簡単なチュートリアルでは、年が変わるたびに任意の Web サイトの発行年を自動的に変更するように Javascript を実装する方法について説明します.

HTML

footer>
    <span>
        &copy;<time></time> Mywebsite. All rights reserved. 
    </span>
</footer>

バニラ Javascript

const date = new Date()
const currentYear = date.getFullYear()
const time = document.querySelector('time')

time.setAttribute('datetime', date)
time.innerHTML = currentYear

ReactJS
Copyright 2017 を使用して新しい react-app を作成する方法を既に知っていると仮定して、コードに飛び込みましょう.

export default function Footer(){
    return (
        <Copyright />
    )

    function Copyright(){
        const time = new Date()

        return (
            <footer>
                <span>
                    &copy;<time dateTime={time}> 
                    {time.getFullYear()}</time> Website. All 
                    rights reserved.
                </span>
            </footer>
        )
    }
}   

出来上がり!これだけで、プロジェクトの公開年が Javascript によって自動更新されます.