<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>