Javascript To Display The Current Date And Time

Next, let's move on to the JavaScript part. You can either include the JavaScript code directly in the HTML file or create a separate JavaScript file and link it to the HTML file using the tag. For simplicity, let's include it directly in the HTML file.

Write a JavaScript function that gets the current date and time. You can achieve this by creating a new Date object in JavaScript, which automatically gets the current date and time based on the user's system clock. Here's an example function:

function displayDateTime() {
  const dateTimeElement = document.getElementById("datetime");
  const currentDate = new Date();
  
  const date = currentDate.toDateString();
  const time = currentDate.toLocaleTimeString();
  
  const dateTimeString = `Current Date: ${date} | Current Time: ${time}`;
  
  dateTimeElement.innerText = dateTimeString;
}

In this function, we first get the element with the id "datetime" using document.getElementById. Then, we create a new Date object to fetch the current date and time. We format the date and time using toDateString() and toLocaleTimeString() methods respectively. Finally, we construct a string containing the date and time information and update the content of the