JSFiddle - React, Tailwind, and code Playground

by zakariamouhid

HTML

Hello

CSS

body.day:before {
  content: "Day";
  display: block;
}

body.midnight {
  background-color: #999;
}
body.midnight:before {
  content: "Night";
  display: block;
}

JavaScript

var hour = new Date().getHours();
console.log(hour);
if (hour > 17 || hour < 8){
  $("body").addClass('midnight');
} else {
  $("body").addClass('day');
}