Calculator Tools Calculator Tools
Create

JunyTony TV Schedule

Jan 3, 2024

About this app

Check the TV schedule for JunyTony on TV Globo, NickJR, and RedeTV

JunyTony TV Schedule JunyTony TV Schedule

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>JunyTony TV Schedule</title>
<meta name="description" content="Check the TV schedule for JunyTony on TV Globo, NickJR, and RedeTV">
<meta name="keywords" content="JunyTony, TV schedule, TV Globo, NickJR, RedeTV">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Define the TV schedule for JunyTony on TV Globo, NickJR, and RedeTV
var tvSchedule = [
{
channel: "TV Globo",
shows: [
{
name: "JunyTony Adventures",
time: "08:00 AM - 09:00 AM"
},
{
name: "JunyTony Fun Time",
time: "02:00 PM - 03:00 PM"
},
{
name: "JunyTony's World",
time: "06:00 PM - 07:00 PM"
}
]
},
{
channel: "NickJR",
shows: [
{
name: "JunyTony Playhouse",
time: "10:00 AM - 11:00 AM"
},
{
name: "JunyTony's Learning Time",
time: "03:00 PM - 04:00 PM"
}
]
},
{
channel: "RedeTV",
shows: [
{
name: "JunyTony's Super Fun Show",
time: "01:00 PM - 02:00 PM"
},
{
name: "JunyTony's Adventure Hour",
time: "05:00 PM - 06:00 PM"
},
{
name: "JunyTony's Bedtime Stories",
time: "08:00 PM - 09:00 PM"
}
]
}
];

// Function to render the TV schedule
function renderSchedule() {
var scheduleContainer = document.getElementById("schedule-container");

// Clear the container
scheduleContainer.innerHTML = "";

// Loop through the TV channels
for (var i = 0; i < tvSchedule.length; i++) {
var channel = tvSchedule[i];

// Create channel header
var channelHeader = document.createElement("h2");
channelHeader.textContent = channel.channel;

// Create show list
var showList = document.createElement("ul");

// Loop through the shows for the channel
for (var j = 0; j < channel.shows.length; j++) {
var show = channel.shows[j];

// Create show item
var showItem = document.createElement("li");
showItem.textContent = show.name + " - " + show.time;

// Append show item to show list
showList.appendChild(showItem);
}

// Append channel header and show list to schedule container
scheduleContainer.appendChild(channelHeader);
scheduleContainer.appendChild(showList);
}
}

// Render the TV schedule
renderSchedule();
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
font-family: 'Open Sans', sans-serif;
background-color: #f5f5f5;
}

#main-container {
padding: 20px;
}

h1 {
color: #333333;
margin-bottom: 20px;
}

h2 {
color: #555555;
margin-bottom: 10px;
}

ul {
list-style: none;
padding-left: 0;
margin-top: 0;
}

li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>JunyTony TV Schedule</h1>
<div id="schedule-container"></div>
</div>
</body>
</html>