How to display only the current year in JavaScript

When working with JavaScript, you may need to display the current year on a webpage. In this tutorial, we'll explore a simple way to display only the current year using JavaScript.

To display only the current year in JavaScript, you can use the getFullYear() method of the Date object. Let's take a look at the code snippet below:

Explanation#

1. We start by creating a new Date object called currentDate. This object represents the current date and time.
2. Next, we use the getFullYear() method on the currentDate object. This method retrieves the current year as a four-digit number (e.g. 2023).
3. Then, the obtained current year is assigned to the variable currentYear.
4. Finally, we log the currentYear value to the console using the console.log() method.

Displaying the Current Year in a div element#

If you want to display the current year directly inside a div element, you can use the following code.

1. In the above example, we create a new Date object called currentDate to represent the current date and time.
2. Then, we use the getFullYear() method on the currentDate variable to obtain the current year, which is stored in the currentYear variable.
3. To display the current year in a <div> element of the webpage, we target the HTML <div> element with the id attribute set to year using the document.getElementById("year").
4. Finally, we use the textContent property of the targeted element to display the currentYear variable value. This will dynamically update the content of the element to display the current year.