Back to all resources
Date object
dynamic content update

Auto update copyright year

By Digipop
This JavaScript code snippet is designed to dynamically update the content of an HTML element with the class name 'year' to display the current year. The code performs the following steps:

let date = new Date(); - Creates a new Date object representing the current date and time.
let year = date.getFullYear(); - Extracts the full year from the Date object and stores it in the variable year.
const year_element = document.querySelector('.year'); - Selects the first HTML element with the class name 'year' and assigns it to the constant year_element.
 year_element.innerText = year; - Sets the text content of the selected HTML element to the value of year, effectively displaying the current year in the element.
 
This code is typically used in the footer or header of a website to automatically update the copyright year without manual changes each year.