Wings Picker
About this app
Choose between rainbow wings, angel wings, or devil wings.
Wings Picker Wings Picker Sure! What type of wings would you like to pick? Rainbow Wings Angel Wings Devil Wings
Related apps
Put this on your site
Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Wings Picker</title>
<meta name="description" content="Choose between rainbow wings, angel wings, or devil wings.">
<meta name="keywords" content="wings, rainbow wings, angel wings, devil wings">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.btn {
margin: 10px;
}
</style>
</head>
<body>
<div class="container text-center">
<h1>Wings Picker</h1>
<p>Sure! What type of wings would you like to pick?</p>
<div>
<button class="btn btn-primary" id="rainbowWingsBtn">Rainbow Wings</button>
<button class="btn btn-primary" id="angelWingsBtn">Angel Wings</button>
<button class="btn btn-danger" id="devilWingsBtn">Devil Wings</button>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script>
// Save selected wings to local storage
function saveLocal(wings) {
localStorage.setItem("selectedWings", wings);
}
// Load selected wings from local storage
function loadLocal() {
return localStorage.getItem("selectedWings");
}
// Event listener for rainbow wings button
document.getElementById("rainbowWingsBtn").addEventListener("click", function() {
saveLocal("rainbow");
alert("You have selected rainbow wings!");
});
// Event listener for angel wings button
document.getElementById("angelWingsBtn").addEventListener("click", function() {
saveLocal("angel");
alert("You have selected angel wings!");
});
// Event listener for devil wings button
document.getElementById("devilWingsBtn").addEventListener("click", function() {
saveLocal("devil");
alert("You have selected devil wings!");
});
// Check if wings are already selected
var selectedWings = loadLocal();
if (selectedWings) {
if (selectedWings === "rainbow") {
alert("You have previously selected rainbow wings!");
} else if (selectedWings === "angel") {
alert("You have previously selected angel wings!");
} else if (selectedWings === "devil") {
alert("You have previously selected devil wings!");
}
}
</script>
</body>
</html>
NEW APPS
These are apps made by the community!