JSFiddle - React, Tailwind, and code Playground

by Mark Kimitch

HTML

<label for="toggleFunction">Checked = if/else statements, Uncheck = switch statement</label>
<input type="checkbox" id="toggleFunction" name="toggleFunction" />

<br />
<input type="button" value="Monday" id="monday" onclick="getHours('Monday')" />
<input type="button" value="Tuesday" id="tuesday" onclick="getHours('Tuesday')" />
<input type="button" value="Wednesday" id="wednesday" onclick="getHours('Wednesday')" />
<input type="button" value="Thursday" id="thursday" onclick="getHours('Thursday')" />
<input type="button" value="Friday" id="friday" onclick="getHours('Friday')" />
<input type="button" value="Saturday" id="saturday" onclick="getHours('Saturday')" />
<input type="button" value="Sunday" id="sunday" onclick="getHours('Sunday')" />

JavaScript

function getHours(day) {
	if (document.getElementById('toggleFunction').checked) {
		if (day == 'Monday' || day == 'Tuesday' || day == 'Wednesday') {
			alert('We are open 8am - 5pm on ' + day);
		} else if (day == 'Thursday' || day == 'Friday') {
			alert('We are open 8am - 3pm on ' + day);
		} else {
			alert("Sorry, we're closed on " + day);
		}
	} else {
		switch(day) {
			case 'Monday' || 'Tuesday':
			case 'Tuesday':
			case 'Wednesday':
				alert('We are open 8am - 5pm on ' + day);
				break;
			case 'Thursday':
			case 'Friday':
				alert('We are open 8am - 3pm on ' + day);
				break;
			default:
				alert("Sorry, we're closed on " + day);
		}
	}
}