JSFiddle - React, Tailwind, and code Playground
HTML
<p id="demo">Click the button to check if now is working hours</p>
<p id="hday">Day</p>
<p id="hhour">Hour</p>
<p id="hminutes">Minutes</p>
<button onclick="myFunction()">Check now</button>
<script>
function myFunction()
{
var now = new Date();
var hour = now.getHours();
var day = now.getDay();
var minutes = now.getMinutes();
document.getElementById("hday").innerHTML = day;
document.getElementById("hhour").innerHTML = hour;
document.getElementById("hminutes").innerHTML = minutes;
//weekdays 0==Sunday 1==Monday 2==Tuesday 3==Wednesday 4==Thurs 5==Friday 6==Sat
//Not Friday or Saturday
if ((day != 5) && (day != 6)){
if ((hour >= 9) && (hour < 17 )) {
//it's in schedule
document.getElementById("demo").innerHTML = "Office is open";
}
}
else
{
document.getElementById("demo").innerHTML = "Office is closed";;
}
}
</script>