Reactors App
About this app
Reactors App - See how your favorite YouTubers react to a video
Reactors App Reactors App 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>Reactors App</title>
<meta name="description" content="Reactors App - See how your favorite YouTubers react to a video">
<meta name="keywords" content="Reactors, YouTube, Markiplier, Vannamelon, PewDiePie, iHasCupquake, shane, EthGoesBOOM, Joey Graceffa, YOGSCAST Lewis & Simon, PointlessBlogGames, Yammy, RobAndLoganFan2023">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.2/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 {
document.addEventListener("DOMContentLoaded", function() {
// Function to handle button click event
function handleClick(e) {
e.preventDefault();
const videoUrl = "https://www.youtube.com/watch?v=XGmMPl-bMAg";
const reactor = e.target.getAttribute("data-reactor");
const username = "RobAndLoganFan2023";
const redirectUrl = `https://www.youtube.com/watch?v=${videoUrl}&reactor=${reactor}&user=${username}`;
window.location.href = redirectUrl;
}
// Get all the buttons
const buttons = document.querySelectorAll(".reactor-button");
// Attach click event listener to each button
buttons.forEach((button) => {
button.addEventListener("click", handleClick);
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background-color: #f6f6f6;
font-family: 'Open Sans', sans-serif;
}
.container {
margin-top: 50px;
text-align: center;
}
h1 {
color: #333;
font-size: 30px;
margin-bottom: 30px;
}
.reactor-button {
background-color: #ff4c4c;
color: #fff;
font-size: 18px;
padding: 10px 20px;
border: none;
border-radius: 5px;
margin-bottom: 10px;
cursor: pointer;
transition: background-color 0.3s;
}
.reactor-button:hover {
background-color: #ff3333;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Reactors App</h1>
<button class="reactor-button" data-reactor="Markiplier">Markiplier</button>
<button class="reactor-button" data-reactor="Vannamelon">Vannamelon</button>
<button class="reactor-button" data-reactor="PewDiePie">PewDiePie</button>
<button class="reactor-button" data-reactor="iHasCupquake">iHasCupquake</button>
<button class="reactor-button" data-reactor="shane">shane</button>
<button class="reactor-button" data-reactor="EthGoesBOOM">EthGoesBOOM</button>
<button class="reactor-button" data-reactor="Joey Graceffa">Joey Graceffa</button>
<button class="reactor-button" data-reactor="YOGSCAST Lewis & Simon">YOGSCAST Lewis & Simon</button>
<button class="reactor-button" data-reactor="PointlessBlogGames">PointlessBlogGames</button>
<button class="reactor-button" data-reactor="Yammy">Yammy</button>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!