<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Anime Coin Quest</title>
<style>
body {
margin: 0;
font-family: "Segoe UI", sans-serif;
background: url('https://i.ibb.co/Sf7cYmv/anime-bg.gif') center/cover no-repeat fixed;
overflow: hidden;
color: #fff;
}
.container {
text-align: center;
padding-top: 40px;
}
h1 {
font-size: 2em;
text-shadow: 2px 2px 4px #000;
}
#coinDisplay {
font-size: 1.5em;
margin: 20px;
padding: 10px;
background: rgba(0,0,0,0.6);
display: inline-block;
border-radius: 10px;
box-shadow: 0 0 10px gold;
}
.btn {
font-size: 1.2em;
padding: 12px 25px;
margin: 10px;
border: none;
border-radius: 8px;
cursor: pointer;
color: #fff;
background: linear-gradient(to right, #ff0080, #7928ca);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
transition: 0.3s;
}
.btn:hover {
transform: scale(1.1);
}
.effect {
position: absolute;
animation: floatUp 1s ease-out forwards;
font-size: 1.5em;
}
@keyframes floatUp {
0% { opacity: 1; transform: translateY(0); }
100% { opacity: 0; transform: translateY(-50px); }
}
</style>
</head>
<body>
<audio id="bgMusic" src="https://vocaroo.com/media_command.php?media=s0wL8ZqL3xj5&command=download_mp3" autoplay loop></audio>
<div class="container">
<h1>Anime Coin Quest</h1>
<div id="coinDisplay">Coins: 0</div><br>
<button class="btn" onclick="claimCoins()">Claim 100 Coins</button>
<button class="btn" onclick="tryWatchAnime()">Anime Watch</button>
</div>
<script>
let coins = parseInt(localStorage.getItem("coins")) || 0;
let redirected = JSON.parse(localStorage.getItem("redirected")) || false;
let claimCount = parseInt(localStorage.getItem("claimCount")) || 0;
function updateDisplay() {
document.getElementById("coinDisplay").innerText = "Coins: " + coins.toLocaleString() + " ✨";
}
function claimCoins() {
coins += 100;
claimCount++; // Increment the claim count every time the button is clicked
localStorage.setItem("coins", coins);
localStorage.setItem("claimCount", claimCount); // Save the claim count in localStorage
showEffect("+100 ✨");
updateDisplay();
// Show ad every 5 claims
if (claimCount % 5 === 0) {
openAdWindow();
}
}
function showEffect(text) {
const effect = document.createElement("div");
effect.className = "effect";
effect.innerText = text;
effect.style.left = Math.random() * window.innerWidth + "px";
effect.style.top = (window.innerHeight / 2) + "px";
document.body.appendChild(effect);
setTimeout(() => document.body.removeChild(effect), 1000);
}
function tryWatchAnime() {
if (coins >= 50000) {
if (!redirected) {
coins -= 50000;
localStorage.setItem("coins", coins);
localStorage.setItem("redirected", true);
updateDisplay();
window.open("https://example.com/anime-page", "_blank");
} else {
alert("You already watched! Collect more 50,000 coins to unlock again.");
localStorage.setItem("redirected", false);
}
} else {
alert("Collect 50,000 coins to unlock Anime Watch!");
}
}
function openAdWindow() {
const adUrls = [
"https://www.example-ad1.com",
"https://www.example-ad2.com"
];
const randomIndex = claimCount / 5 % 2; // Alternate ad URLs every 5 claims
window.open(adUrls[randomIndex], "_blank");
}
// Fix autoplay for background music
window.addEventListener('load', () => {
const music = document.getElementById("bgMusic");
music.play().catch(() => {
document.body.addEventListener('click', () => music.play(), { once: true });
});
updateDisplay();
});
</script>
</body>
</html>