<style>
/* CSS āϏ্āĻাāĻāϞ (āĻāĻেāϰ āĻŽāϤোāĻ āϰাāĻা āĻšā§েāĻে) */
.ad-button-container {
text-align: center;
margin: 20px 0;
}
.ad-button {
background-color: #007bff; /* āύীāϞ āϰং */
color: white;
padding: 12px 25px;
border: none;
border-radius: 5px;
cursor: pointer;
display: block;
margin: 10px auto;
width: 80%;
max-width: 300px;
font-size: 18px;
font-weight: bold;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s;
}
.ad-button:hover {
background-color: #0056b3;
}
/* āϏāĻĢāϞ āĻ্āϞিāĻ (āϏāĻŦুāĻ) */
.ad-button.success {
background-color: #28a745; /* āϏāĻŦুāĻ āϰং */
cursor: default;
}
#content-options {
text-align: center;
margin-top: 30px;
}
#content-options button {
padding: 12px 25px;
border-radius: 5px;
font-size: 16px;
margin: 15px 10px;
width: 40%;
max-width: 150px;
font-weight: 500;
transition: background-color 0.3s, opacity 0.3s;
}
/* āύিāώ্āĻ্āϰিāϝ় āĻŦাāĻāύেāϰ āϏ্āĻাāĻāϞ */
#content-options button:disabled {
background-color: #f0f0f0;
color: #999;
border: 1px solid #ccc;
cursor: not-allowed;
opacity: 0.6;
}
/* āϏāĻ্āϰিāϝ় āĻŦাāĻāύেāϰ āϏ্āĻাāĻāϞ */
#content-options button:not([disabled]) {
background-color: #38c172;
color: white;
border: 1px solid #38c172;
cursor: pointer;
opacity: 1;
}
#timer-message {
color: #dc3545; /* āϞাāϞ āϰং */
font-size: 16px;
font-weight: bold;
margin-top: 15px;
}
.success-message {
color: #28a745; /* āϏāĻŦুāĻ āϰং */
font-size: 18px; /* āĻĢāύ্āĻেāϰ āϏাāĻāĻ āĻāĻāĻু āĻŦাā§াāύো āĻšāϞো */
font-weight: bold;
margin-top: 15px;
}
</style>
<div class="ad-button-container">
<p style="font-size: 14px; color: #555;">āĻĄাāĻāύāϞোāĻĄ āĻāϰাāϰ āĻāĻে āύিāĻেāϰ āĻ ্āϝাāĻĄāĻুāϞোāϤে āĻ্āϞিāĻ āĻāϰুāύ।</p>
<button class="ad-button" id="ad-1" data-ad-id="1">AD - 1</button>
<button class="ad-button" id="ad-2" data-ad-id="2">AD - 2</button>
<button class="ad-button" id="ad-3" data-ad-id="3">AD - 3</button>
</div>
<div id="content-options">
<p id="timer-message">āĻĄাāĻāύāϞোāĻĄ / āĻā§াāĻ āĻŦাāĻāύ āĻ ্āϝাāĻ্āĻিāĻেāĻ āĻāϰাāϰ āĻāύ্āϝ āϝেāĻোāύো āĻāĻāĻি āĻ ্āϝাāĻĄে āĻ্āϞিāĻ āĻāϰুāύ।</p>
<button id="download-button" disabled style="background-color: #6c757d; color: white;">Download</button>
<button id="watch-button" disabled style="background-color: #6c757d; color: white;">Watch</button>
</div>
<script>
// JavaScript āϞāĻিāĻ
const adButtons = document.querySelectorAll('.ad-button');
const downloadButton = document.getElementById('download-button');
const watchButton = document.getElementById('watch-button');
const timerMessage = document.getElementById('timer-message');
// āĻāĻĒāύাāϰ āĻĻেāĻā§া āĻ ্āϝাāĻĄেāϰ āϞিāĻ্āĻ
const adLink = "https://foldclankcelery.com/ewk47ne8q0?key=1f3087a186a2bac7b2c73b0fb3ca5513";
const requiredWaitTime = 6;
let adClicked = false;
// āĻĄাāĻāύāϞোāĻĄ āĻ āĻā§াāĻ āϞিāĻ্āĻেāϰ āĻĄাāĻŽি āϞিāĻ্āĻ (āĻāĻĒāύাāĻে āĻāĻাāύে āĻāĻĒāύাāϰ āĻāϏāϞ āϞিāĻ্āĻ āĻŦāϏাāϤে āĻšāĻŦে)
const downloadLink = "#"; // <--- āĻāĻাāύে āĻāĻĒāύাāϰ āĻāϏāϞ āĻĄাāĻāύāϞোāĻĄ āϞিāĻ্āĻ āĻŦāϏাāύ
const watchLink = "#"; // <--- āĻāĻাāύে āĻāĻĒāύাāϰ āĻāϏāϞ āĻā§াāĻ āϞিāĻ্āĻ āĻŦāϏাāύ
// āĻ ্āϝাāĻĄ āĻŦাāĻāύে āĻ্āϞিāĻ āĻāϰাāϰ āĻĢাংāĻļāύ
function handleAdClick(event) {
if (adClicked) return;
adClicked = true;
// āĻ ্āϝাāĻĄ āĻŦাāĻāύেāϰ āϏ্āĻাāĻāϞ āĻĒāϰিāĻŦāϰ্āϤāύ āĻāϰে āϏāĻŦুāĻ āĻāϰা
event.currentTarget.classList.add('success');
// āϏāĻĢāϞāϤাāϰ āĻŦাāϰ্āϤা āĻĻেāĻাāύো
timerMessage.textContent = "Success your click"; // <--- āĻĒāϰিāĻŦāϰ্āϤāύ āĻāϰা āĻšā§েāĻে
timerMessage.classList.add('success-message');
// āύāϤুāύ āĻ্āϝাāĻŦে āĻ ্āϝাāĻĄ āϞিāĻ্āĻে āĻিāĻিāĻ āĻāϰা
window.open(adLink, '_blank');
let timeRemaining = requiredWaitTime;
// āĻŦাāĻāύāĻুāϞোāϰ āĻĒ্āϰাāĻĨāĻŽিāĻ āϏ্āĻেāĻ āĻāĻĒāĻĄেāĻ āĻāϰা
downloadButton.disabled = true;
watchButton.disabled = true;
downloadButton.style.backgroundColor = '#6c757d';
watchButton.style.backgroundColor = '#6c757d';
// āϏāĻĢāϞāϤাāϰ āĻŦাāϰ্āϤাāϰ āύিāĻে āĻাāĻāĻŽাāϰ āĻŽেāϏেāĻ āϝোāĻ āĻāϰা
const countdownMessage = document.createElement('p');
countdownMessage.id = 'countdown-status';
countdownMessage.style.color = '#dc3545';
countdownMessage.style.fontWeight = 'bold';
countdownMessage.textContent = `Please wait: ${timeRemaining} seconds remaining...`;
// āĻŽেāϏেāĻ DIV-āĻ āϝোāĻ āĻāϰা
timerMessage.parentNode.insertBefore(countdownMessage, timerMessage.nextSibling);
// āĻাāĻāĻŽাāϰ āĻļুāϰু āĻāϰা
const countdown = setInterval(() => {
timeRemaining--;
if (timeRemaining > 0) {
countdownMessage.textContent = `Please wait: ${timeRemaining} seconds remaining...`;
} else {
clearInterval(countdown); // āĻাāĻāĻŽাāϰ āĻŦāύ্āϧ
countdownMessage.textContent = "Timer completed! đ"; // <--- āĻĒāϰিāĻŦāϰ্āϤāύ āĻāϰা āĻšā§েāĻে
countdownMessage.style.color = '#007bff';
timerMessage.textContent = "Download & Watch buttons are now active."; // <--- āĻĒāϰিāĻŦāϰ্āϤāύ āĻāϰা āĻšā§েāĻে
// āĻĄাāĻāύāϞোāĻĄ āĻ āĻā§াāĻ āĻŦাāĻāύ āϏāĻ্āϰিā§ āĻāϰা
downloadButton.disabled = false;
watchButton.disabled = false;
}
}, 1000);
}
// āĻĒ্āϰāϤিāĻি āĻ ্āϝাāĻĄ āĻŦাāĻāύে āĻāĻেāύ্āĻ āϞিāϏেāύাāϰ āϝুāĻ্āϤ āĻāϰা
adButtons.forEach(button => {
button.addEventListener('click', handleAdClick);
});
// āĻĄাāĻāύāϞোāĻĄ āĻŦাāĻāύে āĻ্āϞিāĻ āĻāϰāϞে
downloadButton.addEventListener('click', () => {
if (!downloadButton.disabled) {
window.location.href = downloadLink;
}
});
// āĻā§াāĻ āĻŦাāĻāύে āĻ্āϞিāĻ āĻāϰāϞে
watchButton.addEventListener('click', () => {
if (!watchButton.disabled) {
window.location.href = watchLink;
}
});
</script>
Comments
Post a Comment