Gets Grounded Video Generator
About this app
Create your own Gets Grounded videos with customizable characters and scenarios. Fun, animated, and user-interactive experience!
Gets Grounded Video Generator Gets Grounded Video Generator Click the button to generate your own Gets Grounded video title! Generate Video
Put this on your site
Related apps
VoiceSong Studio - Créez votre propre hit !
Baccara Suite Master - Prédiction 1xBet & Casino
Elite Baccarat - Professional Casino Experience
YTPMV Scan - Ultimate Meme Sequencer
YTPMV Scan - Ultimate Audio Visual Sequencer
Pro-Roulette 0-14 Predictor | Advanced Strategic Analytics
Twelve - The Ultimate 12-Step Daily Harmony Planner
Otter Python - Calc Runner Game
Harmony - Гид по здоровым отношениям и романтике
LoopTube 2016 - Infinite Video Looper & Repeater
VoxTransform - 50+ Pro Video Voice Effects
TinyTip | Simple Tip Calculator & Bill Splitter
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>Gets Grounded Video Generator</title>
<meta name="description" content="Create your own Gets Grounded videos with customizable characters and scenarios. Fun, animated, and user-interactive experience!">
<meta name="keywords" content="Gets Grounded, video generator, funny videos, animation, kids, creative tool">
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- Font Awesome (6.6.0) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
const characterOptions = ["Bullied Kid", "Parent", "Teacher", "Classmate"];
const actionOptions = [
"got a bad grade",
"broke a plate",
"told a lie",
"was late for school"
];
const consequenceOptions = [
"grounded for a week",
"lost video game privileges",
"no dessert tonight",
"has to clean the house"
];
function generateVideo() {
const character = characterOptions[Math.floor(Math.random() * characterOptions.length)];
const action = actionOptions[Math.floor(Math.random() * actionOptions.length)];
const consequence = consequenceOptions[Math.floor(Math.random() * consequenceOptions.length)];
const videoTitle = `${character} ${action} and gets ${consequence}!`;
document.getElementById("video-output").innerText = videoTitle;
}
document.getElementById("generate-button").addEventListener("click", generateVideo);
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(135deg, #f09, #3023ae);
color: #fff;
font-family: 'Comic Sans MS', cursive, sans-serif;
}
#main-container {
text-align: center;
padding: 50px;
}
#generate-button {
background: #4fc3f7;
border: none;
border-radius: 10px;
padding: 15px 30px;
font-size: 20px;
color: #fff;
transition: background 0.3s ease;
}
#generate-button:hover {
background: #0288d1;
}
#video-output {
margin-top: 30px;
font-size: 24px;
font-weight: bold;
animation: fadeIn 1s;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Gets Grounded Video Generator</h1>
<p>Click the button to generate your own Gets Grounded video title!</p>
<button id="generate-button">Generate Video</button>
<div id="video-output" class="mt-4"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!