JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

<div id="phone-status"></div>

CSS

.closed{
    display:block;
    background:red;
}

.open{
    display:block;
    background:green;
}

JavaScript

day = new Date();
time = day.getTime();
day.setTime(time);
hour = day.getHours();
today = day.getDay();
openstatus = 'We\'re Open! Give us a call!';
closedstatus = 'Sorry, we\'re Closed!';

    if  ((today >= 1) && (today <= 5))
        if ((hour >= 9) && (hour <=17))
            $('div#phone-status')
                .addClass('open')
                .append(openstatus);
        else
            $('div#phone-status')
                .addClass('closed')
                .append(closedstatus);

    else if  ((today == 6))
        if ((hour >= 9) && (hour <=15))
            $('div#phone-status')
                .addClass('open')
                .append(openstatus);
        else
            $('div#phone-status')
                .addClass('closed')
                .append(closedstatus);
    else
        $('div#phone-status')
                .addClass('closed')
                .append(closedstatus);