Is there an easier way of updating footers?

[Memory]

A few days ago we entered the year of 2022, but one problem was that I had to update my copyright date from 2021 to 2022 on every page. Is there an easier way of doing this where I could just update it once to effect every page?

[Melooon]

A good question! You can apply this to anything you want across a site not just footers
Although, on the point of copyrights, I'm of the opinion that those are a feature of corporate websites and are not needed on personal sites, each to their own though!

To answer your question, if you use a static site generator you can do this pretty easily - Although I cant help much with that.

If your not using a site generator, include a script at the end of each page that updates the footer, then you just have to update the script to update every page. Its very fast to load, the downside is it does not update if people have scripts turned off.
HTML

Code

<footer id="foot">:grin:efault footer text for people without scripts</footer>
<script src="footUpdate.js?v=0"></script>

Script

Code

var footText = "© 2022 - My Rad Site";
var foot = document.getElementById( 'foot' );

window.onload = function() {
 foot.innerHTML = footText;
}

OR You could also put an iframe in your footer to a default footer page. This is a bit slower as it needs to loads multiple pages (your main page and the footer page) but it still works if people have scripts turned off.

[di]

Super helpful, thank you Melon

[Melooon]

OH ALSO, if you want the year to update itself every year you could do:

Code

var year = new Date().getFullYear();
var footText = "© " + year + " - My Rad Site";