JSFiddle - React, Tailwind, and code Playground

by orjan

HTML

No season

CSS

.spring {
    background-color: yellow;
}

.summer {
    background-color: red;
}

.autumn {
    background-color: orange;
}

.winter {
    background-color: blue;
}

body {
    height: 100%;
    width: 100%;
    background-color: black;
    color: #fff;
}

JavaScript

var today = new Date();
var month = today.getMonth() + 1;

if (month >= 2 && month <= 4) {
   $('body').addClass('spring');
   $('body').text('Spring season');
}
if (month >= 5 && month <= 7) {
    $('body').addClass('summer');
    $('body').text('Summer season');
}
if (month >= 8 && month <= 10) {
   $('body').addClass('autumn');
   $('body').text('Autumn season');
}
if (month >= 11 && month <= 12 || month <= 1) {
   $('body').addClass('winter');
   $('body').text('Winter season');
}