Get the current year in JavaScript

Manage dynamic web content

One of the most frequent and significant applications of the Date object involves managing dynamic website content, which may include auto-updating footer sections, creating accurate copyright notices, and ensuring content relevance.

Auto-populate year in footer sections

Now, let's say you need your footer to display the current year, and you want it to update automatically every year. We've got your back! 🌟

// This says: No more manual update required 🎉
document.getElementById("year").innerHTML = new Date().getFullYear();


Place a <span id="year"></span> in your HTML where you want the year to show.

Styling dynamic content

The dynamic content needs to look pretty as well, right? 😎 Here's where CSS styling comes in.

// Meet Mr. CSS who takes care of the beauty part!
footer {
  text-align: center;
  font-family: sans-serif;
}


Advanced date handling

Why stop at just years? The JavaScript Date object opens up a world of possibilities for handling dates!

• Use getDate() and getMonth() methods to get daily updates and monthly data.
• Dynamically determine weekdays with getDay()—useful, particularly for calendar apps!
• Capture the precise millisecond timestamp using getTime()— take attention to micro-details!⚡

Embed scripts in HTML for dynamic updates

Having the year display dynamically within your HTML can be super useful. How about a short and sweet JavaScript snippet right inside your HTML? 🎁

<script>
  // Mr. HTML says, "I'll print the current year for you!" 🐒
  document.write(new Date().getFullYear());
</script>


Reduce redundancy with variables

In case you need to refer to the current year in multiple places, use a variable. It's what the cool kids are doing! 😎

let currentYear = new Date().getFullYear();

// Now use `currentYear` anywhere you want:
console.log(`The year is now ${currentYear}. Party on! 🥳`);
