How to create clock using js, pure js, javascript in html css

how to create clock in js?

<div id="clock"></div>

const renderTime = () => {

  const currentTime = new Date();

  let diem = "AM";

  let h = currentTime.getHours();

  let m = currentTime.getMinutes();

  let s = currentTime.getSeconds();

  if (h === 0) {

    h = 12;

  } else if (h >= 12) {

    h -= 12;

    diem = "PM";

  }

  h = h < 10 ? "0" + h : h;

  m = m < 10 ? "0" + m : m;

  s = s < 10 ? "0" + s : s;

  const myClock = document.getElementById("clockjs");

  myClock.textContent = `${h}:${m}:${s} ${diem}`;

  myClock.innerText = `${h}:${m}:${s} ${diem}`;

  setTimeout(renderTime, 1000);

};

renderTime();