Five Nights at Freddy's
About this app
Experience the horror of Five Nights at Freddy's in this web app
Five Nights at Freddy's
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>Five Nights at Freddy's</title>
<meta name="description" content="Experience the horror of Five Nights at Freddy's in this web app">
<meta name="keywords" content="Five Nights at Freddy's, horror, game">
<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() {
// Add the Five Nights at Freddy's logo
var logo = document.createElement("img");
logo.src = "https://upload.wikimedia.org/wikipedia/en/c/cd/Five_Nights_at_Freddy%27s_4_cover.jpg";
logo.alt = "Five Nights at Freddy's Logo";
logo.style.width = "300px";
logo.style.marginBottom = "20px";
document.getElementById("main-container").appendChild(logo);
// Add the description
var description = document.createElement("p");
description.innerHTML = "Experience the horror of Five Nights at Freddy's in this web app!";
document.getElementById("main-container").appendChild(description);
// Add the play button
var playButton = document.createElement("button");
playButton.innerHTML = '<i class="fa fa-play"></i> Play Now';
playButton.className = "btn btn-primary";
playButton.style.marginTop = "20px";
playButton.addEventListener("click", function() {
alert("Game is starting...");
// Add your game logic here
});
document.getElementById("main-container").appendChild(playButton);
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #000;
color: #fff;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.btn {
padding: 10px 20px;
font-size: 18px;
border-radius: 5px;
}
.btn-primary {
background-color: #FF0000;
border: none;
}
.btn-primary:hover {
background-color: #CC0000;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>
NEW APPS
These are apps made by the community!