JSFiddle - React, Tailwind, and code Playground

by John Barker

HTML

<p id="demo"></p>

CSS

#showtimes ul {
  list-style-type: none;
}

.expiredshow {
  text-decoration: line-through;
}

.in3D:after {
  content: '3D';
  margin-left: 5px;
  padding: 2px;
  color: blue;
  background-color: #e8e8e8;
}

.hasWC:after {
  content: 'WC';
  margin-left: 5px;
  padding: 2px;
  color: Green;
  background-color: #e8e8e8;
}

.noWC:after {
  content: 'WC';
  margin-left: 5px;
  text-decoration: line-through;
  padding: 2px;
  color: Green;
  background-color: #e8e8e8;
}

.hasVIP:after {
  content: 'VIP';
  margin-left: 5px;
  padding: 2px;
  color: Red;
  background-color: #e8e8e8;
}

.in2D:after {
  content: '2D';
  margin-left: 5px;
  padding: 2px;
  background-color: #e8e8e8;
}

JavaScript

var movieTimes = [
{"AD":"N","BookingURL":"https://www.jack-roe.co.uk/TaposWebSales/Main/RITCOO/book?perfcode=31285","Certificate":"12A","Certificate_desc":"12A","Code":"31285","ComingSoon":"New Release","Digital":"Y","DoorsOpen":"0:00:00","FilmCode":"712","FilmTitle":"Assassins Creed 2D","Genre":"Standard","GenreCode":"Sta","IMDBCode":"None","Img_1s":"https://theroxy.org/appimages/us/assassins creed.jpg","Img_title":"https://theroxy.org/titleimages/assassins creed.jpg","InternalBookingURLDesktop":"https://www.jack-roe.co.uk/TaposWebSales/Main/RITCOO/book?perfcode=31285","InternalBookingURLMobile":"https://www.jack-roe.co.uk/TaposWebSales/Main/RITCOO/book?perfcode=31285","Is3d":"N","ManagerWarningLevel":"N","Passes":"Y","PerfCat":"Standard","PerfFlags":"","PerformDate":"2017-01-07","PerformanceNumberSlot":"None","ReleaseDate":"None","Rentrak":"148146","ReservedSeating":"M","RunningTime":"115","SalesStopped":"N","Screen":"Screen 1","ScreenCode":"1","SellonInternet":"Y","ShortFilmTitle":"Assassins Creed 2D","SoldOutLevel":"N","StartTime":"14:00:00","Subs":"N","Synopsis":"Through revolutionary technology, Callum Lynch unlocks the memories and skills of his ancestor - an elite assassin in medieval Spain. Action with Michael Fassbender.","TrailerTime":"20","WheelchairAccessible":"N","Youtube":"https://youtu.be/gfJVoF5ko1Y"},{"AD":"N","BookingURL":"https://www.jack-roe.co.uk/TaposWebSales/Main/RITCOO/book?perfcode=31287","Certificate":"12A","Certificate_desc":"12A","Code":"31287","ComingSoon":"New Release","Digital":"Y","DoorsOpen":"0:00:00","FilmCode":"712","FilmTitle":"Assassins Creed 2D","Genre":"Standard","GenreCode":"Sta","IMDBCode":"None","Img_1s":"https://theroxy.org/appimages/us/assassins creed.jpg","Img_title":"https://theroxy.org/titleimages/assassins...