JSFiddle - React, Tailwind, and code Playground

by David Marshall

HTML

<p id="event1">event 1</p>
<p id="event2">event 2</p>

JavaScript

var today = new Date();
var dayOfWeek = today.getDay();
var month = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December'];

function getNextDate(i,d) {
    if(i==1){
        if(today.getDay()==d)
            return today;
        else{
            var tue=today;
            while(tue.getDay()!=d){
                tue.setDate(tue.getDate() + 1);
            }
            return tue;
        }
    }else{
            var thur=today;
            thur.setDate(thur.getDate() + 1);
            while(thur.getDay()!=d){
                thur.setDate(thur.getDate() + 1);
            }
            return thur;
    }
}

var getOrdinal = function (n) {
    var s = ["th", "st", "nd", "rd"],
        v = n % 100;
    return n + (s[(v - 20) % 10] || s[v] || s[0]);
}; // credit: http://forums.shopify.com/categories/2/posts/29259

var tueDate = getNextDate(1,2);
tueDate = 'Tuesday, ' + month[tueDate.getMonth()] + ' ' + getOrdinal(tueDate.getDate());
var thuDate = getNextDate(2,4);
console.log(JSON.stringify(thuDate));
thuDate = 'Thursday, ' + month[thuDate.getMonth()] + ' ' + getOrdinal(thuDate.getDate());

if (dayOfWeek < 3 || dayOfWeek > 4) {
    $('#event1').html(tueDate);
    $('#event2').html(thuDate);
} else {
    $('#event1').html(thuDate);
    $('#event2').html(tueDate);
}