JSFiddle - React, Tailwind, and code Playground

by dont_panic

HTML

<div id="date"></div>
<div id="time"></div>

JavaScript

const today = new Date();
const day = today.getDay();
const dayList = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

document.getElementById("date").innerHTML = `Today is : ${dayList[day]}.`;

// let hour = today.getHours();
// Let's just test what happens at 12
let hour = 12;

const minute = today.getMinutes();
const second = today.getSeconds();

let prepand = (hour >= 12) ? " PM " : " AM ";

hour = (hour > 12) ? hour - 12 : hour;


if (hour === 12 && prepand === ` PM` && minute === 0 && second === 0) {
  document.getElementById("time").innerHTML = `Current Time is : ${hour}${prepand} : ${minute} : ${second}`;
} else {
  document.getElementById("time").innerHTML = `Current Time is : ${hour}${prepand} : ${minute} : ${second}`;
}