Calculator Tools Calculator Tools
Create

Reactors React to "1 Second Of Every Animated Series"

Nov 11, 2023

About this app

Check out the reactions of popular YouTubers to the video '1 Second Of Every Animated Series (Updated For the 8th Time)'

Reactors React to "1 Second Of Every Animated Series" Reactors React to "1 Second Of Every Animated Series" Check out the reactions of popular YouTubers to the video "1 Second Of Every Animated Series (Updated For the 8th Time)" Watch Video

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>Reactors React to "1 Second Of Every Animated Series"</title>
<meta name="description" content="Check out the reactions of popular YouTubers to the video '1 Second Of Every Animated Series (Updated For the 8th Time)'">
<meta name="keywords" content="reactors, Markiplier, Vannamelon, PewDiePie, iHasCupquake, shane, EthGoesBOOM, Joey Graceffa, Jacksepticeye, YOGSCAST Lewis & Simon, PointlessBlogGames, Yammy, cartoon video, reaction video">

<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=Roboto" 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() {
// Video URL
var videoUrl = "https://www.youtube.com/watch?v=XGmMPl-bMAg";

// Reactor Buttons
var reactors = [
{
name: "Markiplier",
reaction: "https://www.youtube.com/watch?v=REACTOR1"
},
{
name: "Vannamelon",
reaction: "https://www.youtube.com/watch?v=REACTOR2"
},
{
name: "PewDiePie",
reaction: "https://www.youtube.com/watch?v=REACTOR3"
},
{
name: "iHasCupquake",
reaction: "https://www.youtube.com/watch?v=REACTOR4"
},
{
name: "shane",
reaction: "https://www.youtube.com/watch?v=REACTOR5"
},
{
name: "EthGoesBOOM",
reaction: "https://www.youtube.com/watch?v=REACTOR6"
},
{
name: "Joey Graceffa",
reaction: "https://www.youtube.com/watch?v=REACTOR7"
},
{
name: "Jacksepticeye",
reaction: "https://www.youtube.com/watch?v=REACTOR8"
},
{
name: "YOGSCAST Lewis & Simon",
reaction: "https://www.youtube.com/watch?v=REACTOR9"
},
{
name: "PointlessBlogGames",
reaction: "https://www.youtube.com/watch?v=REACTOR10"
},
{
name: "Yammy",
reaction: "https://www.youtube.com/watch?v=REACTOR11"
}
];

// Function to handle button click
function handleButtonClick(reactionUrl) {
window.location.href = reactionUrl;
}

// Generate Reactor Buttons
var reactorButtons = "";
reactors.forEach(function(reactor) {
reactorButtons += '<button class="btn btn-primary" onclick="handleButtonClick(\'' + reactor.reaction + '\')">' + reactor.name + '</button>';
});

// Append Reactor Buttons to the DOM
document.getElementById("reactor-buttons").innerHTML = reactorButtons;

// Redirect to Video URL
document.getElementById("watch-video-button").addEventListener("click", function() {
window.location.href = videoUrl;
});
});

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

<style>
/* App CSS Goes Here */
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}

.container {
max-width: 600px;
margin: 30px auto;
text-align: center;
}

h1 {
font-size: 24px;
margin-bottom: 20px;
}

p {
font-size: 16px;
margin-bottom: 20px;
}

.btn {
margin: 5px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Reactors React to "1 Second Of Every Animated Series"</h1>
<p>Check out the reactions of popular YouTubers to the video "1 Second Of Every Animated Series (Updated For the 8th Time)"</p>
<div id="reactor-buttons">
<!-- Reactor Buttons Will Be Appended Here -->
</div>
<button id="watch-video-button" class="btn btn-primary">Watch Video</button>
</div>
</body>
</html>