Calculator Tools Calculator Tools
Create

Grunkfuss's Revenge

Aug 12, 2026

About this app

Help the player escape from Grunkfuss the Clown's jump scares.

Grunkfuss's Revenge Grunkfuss's Revenge Play Reset Instructions Help the player escape from Grunkfuss the Clown's jump scares.

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>Grunkfuss's Revenge</title>
<meta name="description" content="Help the player escape from Grunkfuss the Clown's jump scares.">
<meta name="keywords" content="game, Grunkfuss, Clown, jump scares">

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

<style>
body {
background-color: black;
color: white;
font-family: 'Arial', sans-serif;
}

.container {
text-align: center;
padding-top: 50px;
}

h1 {
font-size: 36px;
margin-bottom: 30px;
}

#player {
width: 100px;
height: 100px;
background-color: white;
border-radius: 50%;
margin-bottom: 30px;
}

#menu {
margin-bottom: 30px;
}

#menu button {
background-color: #4caf50;
color: white;
font-size: 18px;
border: none;
padding: 10px 20px;
margin: 0 10px;
border-radius: 5px;
cursor: pointer;
}

#menu button:hover {
background-color: #45a049;
}

#game-description {
font-size: 18px;
margin-bottom: 30px;
}

#game-result {
font-size: 24px;
margin-bottom: 30px;
}

#game-image {
width: 200px;
height: 200px;
margin-bottom: 30px;
}

.red-background {
background-color: red;
}

.green-background {
background-color: green;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Grunkfuss's Revenge</h1>
<div id="player"></div>
<div id="menu">
<button id="play-btn">Play</button>
<button id="reset-btn">Reset</button>
<button id="left-arrow-btn"><i class="fa fa-arrow-left"></i></button>
<button id="right-arrow-btn"><i class="fa fa-arrow-right"></i></button>
<button id="instructions-btn">Instructions</button>
</div>
<p id="game-description">Help the player escape from Grunkfuss the Clown's jump scares.</p>
<p id="game-result"></p>
<img id="game-image" src="https://example.com/grunkfuss_image.jpg" alt="Grunkfuss the Clown">
</div>

<script type="text/javascript">
$(document).ready(function () {
// Game logic goes here

// Function to handle game result
function handleGameResult(result) {
if (result === "win") {
$("#main-container").addClass("green-background");
$("#game-result").text("You win!");
} else if (result === "lose") {
$("#main-container").addClass("red-background");
$("#game-result").text("You lose!");
}
}

// Function to play the game
function playGame() {
// Game logic goes here
// Replace with your own game logic

// Simulating a random game result (win or lose)
var result = Math.random() < 0.5 ? "win" : "lose";
handleGameResult(result);
}

// Play button click event
$("#play-btn").click(function () {
$("#main-container").removeClass("red-background green-background");
$("#game-result").text("");
playGame();
});

// Reset button click event
$("#reset-btn").click(function () {
$("#main-container").removeClass("red-background green-background");
$("#game-result").text("");
});
});
</script>
</body>
</html>