JSFiddle - React, Tailwind, and code Playground
by Emily Humphrey
HTML
<div>
<p class="one"></p>
<p class="two"></p>
<p class="three"></p>
<p class="four"></p>
<p class="five"></p>
<p class="six"></p>
<p class="seven"></p>
</div>
JavaScript
var d = new Date(),
month = d.getMonth()+1,
date = d.getDate(),
day = d.getDay()+1,
date1 = date+2,
date2 = date+3,
date3 = date+4,
date4 = date+5,
date5 = date+6,
date6 = date+7;
switch (month){
case 1:
month="January",
month2="February";
break;
case 2:
month="February",
month2="March";
break;
case 3:
month="March",
month2="April";
break;
case 4:
month="April",
month2="May";
break;
case 5:
month="May",
month2="June";
break;
case 6:
month="June",
month2="July";
break;
case 7:
month="July",
month2="August";
break;
case 8:
month="August",
month2="September";
break;
case 9:
month="September",
month2="October";
break;
case 10:
month="October",
month2="November";
break;
case 11:
month="November",
month2="December";
break;
case 12:
month="December",
month2="January";
break;
}
switch (day){
case 1:
day="Sunday",
day1="Monday",
day2="Tuesday",
day3="Wednesday",
day4="Thursday",
day5="Friday",
day6="Saturday";
break;
case 2:
day6="Sunday",
day="Monday",
day1="Tuesday",
day2="Wednesday",
day3="Thursday",
day4="Friday",
day5="Saturday";
break;
case 3:
day5="Sunday",
day6="Monday",
day="Tuesday",
day1="Wednesday",
day2="Thursday",
day3="Friday",
day4="Saturday";
break;
case 4:
day4="Sunday",
day5="Monday",
day6="Tuesday",
day="Wednesday",
day1="Thursday",
day2="Friday",
day3="Saturday";
break;
case 5:
day3="Sunday",
day4="Monday",
day5="Tuesday",
day6="Wednesday",
day="Thursday",
day1="Friday",
day2="Saturday";
break;
...