Calculator Tools Calculator Tools
Create

The Pup Show Episodes

Nov 11, 2023

About this app

Watch full episodes of The Pup Show

The Pup Show Episodes

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>The Pup Show Episodes</title>
<meta name="description" content="Watch full episodes of The Pup Show">
<meta name="keywords" content="The Pup Show, Paw Patrol, cartoon, YouTube, videos">

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

<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() {
// Retrieve the main container element
const mainContainer = document.getElementById('main-container');

// Create the years buttons
for (let year = 1968; year <= 2023; year++) {
const button = document.createElement('button');
button.innerText = year;
button.classList.add('btn', 'btn-primary', 'm-2');
button.addEventListener('click', function() {
// Open the corresponding YouTube video
switch(year) {
case 1968:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1968');
break;
case 1969:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1969');
break;
case 1975:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1975');
break;
case 1976:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1976');
break;
case 1983:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1983');
break;
case 1984:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1984');
break;
case 1985:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_1985');
break;
case 2013:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_2013');
break;
case 2015:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_2015');
break;
case 2019:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_2019');
break;
case 2023:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_2023');
break;
default:
window.open('https://www.youtube.com/watch?v=VIDEO_ID_DEFAULT');
break;
}
});
mainContainer.appendChild(button);
}
});

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

<style>
/* App CSS Goes Here */
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>