JSFiddle - React, Tailwind, and code Playground

by TerryJuneJr

HTML

<h1>Good <span id="kindgreeting"></span> sir</h1>

CSS

var kind_greeting = document.getElementById("kindgreeting");
var time = new Date();
var hours = time.getHours();

if (hours >= 4 && hours < 12) {
    kind_greeting.innerHTML = "morning";
} else if (hours >= 12 && hours < 18) {
    kind_greeting.innerHTML = "afternoon";
} else if (hours >= 18 || hours < 4) {
    kind_greeting.innerHTML = "evening";
}