my clock on wordpress

window.addEventListener("load", () => {
  clock();
  function clock() {
    const today = new Date();

    // get time components
    const hours = today.getHours();
    const minutes = today.getMinutes();
    const seconds = today.getSeconds();

    //add '0' to hour, minute & second when they are less 10
    const hour = hours < 10 ? "0" + hours : hours;
    const minute = minutes < 10 ? "0" + minutes : minutes;
    const second = seconds < 10 ? "0" + seconds : seconds;

    //make clock a 12-hour time clock
    const hourTime = hour > 24 ? hour - 24 : hour;

    if (hour < 18 ) {
        Saluto = "☀️";
    } else {
        Saluto = "🌙 ";
    }

    // if (hour === 0) {
    //   hour = 12;
    // }
    //assigning 'am' or 'pm' to indicate time of the day
    const ampm = hour < 12 ? "" : "";

    // get date components
    const month = today.getMonth();
    const day = today.getDate();


    //declaring a list of all months in  a year
    const monthList = [
      "Gennaio",
      "Febbraio",
      "Marzo",
      "Aprile",
      "Maggio",
      "Giugno",
      "Luglio",
      "Agosto",
      "Settembre",
      "Ottobre",
      "Novembre",
      "Decembre"
    ];

    //get current date and time
    const SpecificDate = new Date();

    const date = Saluto + day + " " + monthList[month] + " ";
    const time = hourTime + ":" + minute + ":" + second + ampm;

    //combine current date and time
    const dateTime = date + time;

    //print current date and time to the DOM
    document.getElementById("date-time").innerHTML = dateTime;
    setTimeout(clock, 1000);
  }
});

// Function to open a popup and control its content and behavior
function openInteractivePopup() {
    // Open a new window with specific dimensions
    let popup = window.open("", "InteractivePopupExample", "width=995,height=600");
    // Write more complex and interactive content into the popup
    popup.document.write(`
        <iframe src="https://www.meteoeradar.it/radar-meteo?center=42.18,16.96&amp;zoom=5.51" name="CW2" scrolling="no" width="980" height="580" frameborder="0px" style="border: 0px solid #10658E;border-radius: 50px"></iframe>
    `);
    popup.document.close(); // Good practice to close the document stream
}