script.js

let time = document.getElementById("time");
let date = document.getElementById("date");
let amPm = document.getElementById("ampm");

function updateClock() {
  let now = new Date();
  let hours = now.getHours();
  let minutes = now.getMinutes();
  let seconds = now.getSeconds();

  if (hours === 0) {
    hours = 12;
  }
  if (hours > 12) {
    hours = hours - 12;
  }

  if (now.getHours() < 12) {
    amPm.textContent = "AM";
  } else {
    amPm.textContent = "PM";
  }

  if (hours < 10) {
    hours = `0${hours}`;
  }
  if (minutes < 10) {
    minutes = `0${minutes}`;
  }
  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  let timeString = `${hours}:${minutes}:${seconds}`;
  time.textContent = timeString;

  let dayNumber = now.getDay();
  let days = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
  ];

  let dateNumber = now.getDate();
  let monthNumber = now.getMonth();
  let months = [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December",
  ];

  let year = now.getFullYear();

  let dateString = `${days[dayNumber]} • ${dateNumber} ${months[monthNumber]} ${year}`;
  date.textContent = dateString;
}
updateClock();
setInterval(updateClock, 1000);