JSFiddle - React, Tailwind, and code Playground

by Therm

HTML

<textarea id="t" cols="80" rows="24" style="{font:Lucida Console}"></textarea>
<br/>
<button id="r">Refresh</button>

JavaScript

var q = new Date();
var mo = q.getMonth() + 1;
var w = q.getDay() + 1;
var d = q.getDate();
var h = q.getHours();
var m = q.getMinutes();
var c = new Array(23);
var t1 = '___________________________________________________________';
var t0 = '| |';

c.f = function () {
    c[0] = ' __' + t1 + '__ ';
    c[1] = '|\\ ' + t1 + ' /|';
    c[21] = t0 + t1 + t0;
    c[22] = '|/_' + t1 + '_\\|';
    for (var i = 2; i < 21; i++) {
        c[i] =t0+ Array(60).join(' ') +t0;
    }
    for(i=23;i--;)c[i]+='\n';
    var t = "";
    for (i = 0; i < 23; i++) {
        t += c[i];
    }
    if(h>5&&h<17){
        
    }
    
    return t;
};

$(document).ready(function () {
    $('#r').click(function () {
        $('#t').text(c.f());
    });
});