JSFiddle - React, Tailwind, and code Playground

HTML

Movielist

JavaScript

function getNextShowing(movie)
{
	var now = new Date().getTime();
    var result = '';
	
	for(var i=0; i < movie.showtimes.length; i++)
	{
		var showtime = getTimeFromString(movie.showtimes[i]);
		if((showtime - now ) > 0)
		{
			result =  "Next showing of"+movie.title+" is "+movie.showtimes[i];
            break;
		}
	}
	return result || (movie.title + " is over");
}

function getTimeFromString(timeString)
{
	var theTime = new Date();
	var time = timeString.match(/(\d+)(?::(\d\d))?\s*(p?)/);
	theTime.setHours(parseInt(time[1]) + (time[3] ? 12 : 0));
	theTime.setMinutes(parseInt(time[2]) || 0);
	return theTime.getTime();
}

function init() {
var nextShowing = getNextShowing(movie1);
alert(nextShowing);
nextShowing = getNextShowing(movie2);
alert(nextShowing);
}

var movie1=
{
	title:"Plan 9 from Outer Space",
	genre:"Cult Classic",
	rating:5,
	showtimes:["3:00pm","7:00pm","11:00pm"]
};

var movie2=
{
	title:"Forbidden Planet",
	genre:"Classic Sci-fi",
	rating:5,
	showtimes:["5:00pm","9:00pm"]
};

window.onload = init();