Calculator Tools Calculator Tools
Create

Reacting to "1 Second Of Every Animated Series (Updated For the 8th Time)"

Nov 11, 2023

About this app

Reacting to the video '1 Second Of Every Animated Series (Updated For the 8th Time)'

Reacting to "1 Second Of Every Animated Series (Updated For the 8th Time)" Reacting to "1 Second Of Every Animated Series (Updated For the 8th Time)" Markiplier Vannamelon PewDiePie iHasCupquake Shane EthGoesBOOM Joey Graceffa YOGSCAST Lewis & Simon PointlessBlogGames Yammy

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>Reacting to "1 Second Of Every Animated Series (Updated For the 8th Time)"</title>
<meta name="description" content="Reacting to the video '1 Second Of Every Animated Series (Updated For the 8th Time)'">
<meta name="keywords" content="react, video, YouTube, Markiplier, Vannamelon, PewDiePie, iHasCupquake, shane, EthGoesBOOM, Joey Graceffa, YOGSCAST Lewis & Simon, PointlessBlogGames, Yammy">

<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() {
// Get the video URL
var videoURL = "https://www.youtube.com/watch?v=VIDEO_ID";

// Button click event handlers
$("#markiplier-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "MARKIPLIER_VIDEO_ID");
});

$("#vannamelon-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "VANNAMELON_VIDEO_ID");
});

$("#pewdiepie-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "PEWDIEPIE_VIDEO_ID");
});

$("#ihascupquake-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "IHASCUPQUAKE_VIDEO_ID");
});

$("#shane-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "SHANE_VIDEO_ID");
});

$("#ethgoesboom-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "ETHGOESBOOM_VIDEO_ID");
});

$("#joeygraceffa-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "JOEYGRACEFFA_VIDEO_ID");
});

$("#yogscast-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "YOGSCAST_VIDEO_ID");
});

$("#pointlessbloggames-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "POINTLESSBLOGGAMES_VIDEO_ID");
});

$("#yammy-btn").click(function() {
window.location.href = videoURL.replace("VIDEO_ID", "YAMMY_VIDEO_ID");
});
});

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

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

.container {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

h1 {
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}

.reactor-btn {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #ff4500;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.reactor-btn:hover {
background-color: #e63900;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Reacting to "1 Second Of Every Animated Series (Updated For the 8th Time)"</h1>

<button id="markiplier-btn" class="reactor-btn">Markiplier</button>
<button id="vannamelon-btn" class="reactor-btn">Vannamelon</button>
<button id="pewdiepie-btn" class="reactor-btn">PewDiePie</button>
<button id="ihascupquake-btn" class="reactor-btn">iHasCupquake</button>
<button id="shane-btn" class="reactor-btn">Shane</button>
<button id="ethgoesboom-btn" class="reactor-btn">EthGoesBOOM</button>
<button id="joeygraceffa-btn" class="reactor-btn">Joey Graceffa</button>
<button id="yogscast-btn" class="reactor-btn">YOGSCAST Lewis & Simon</button>
<button id="pointlessbloggames-btn" class="reactor-btn">PointlessBlogGames</button>
<button id="yammy-btn" class="reactor-btn">Yammy</button>
</div>
</body>
</html>