Time Based Greeting

HTML

<span id="greeting"></span>

JavaScript

var dateNow = new Date();
var clientHour = dateNow.getHours();
   
if((clientHour >= 0) && (clientHour < 12)){
     document.getElementById('greeting').innerHTML='Good Morning!'; 
}else if((clientHour >= 12) && (clientHour < 18)){
     document.getElementById('greeting').innerHTML='Good Afternoon!'; 
}else if ((clientHour >= 18) && (clientHour <= 24)){
     document.getElementById('greeting').innerHTML='Good evening!'; 
}