<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

Popular posts from this blog

āĻāχ āϏেāχ āĻ­াāχāϰাāϞ āĻŦাংāϞাāĻĻেāĻļী āĻŽāĻĄেāϞ Sadia Jahan Prova ⧍ā§Ŧ āĻŽিāύিāϟ āϏেāχ āĻ­িāĻĄিāĻ“ 👇đŸĨ°

āĻ—াāϞāĻĢ্āϰেāύ্āĻĄ āϝāĻ–āύ āĻŦ⧟āĻĢ্āϰেāύ্āĻĄ āĻāϰ āϏাāĻĨে āϰাāϤে āĻĻেāĻ–া āĻ•āϰে

āĻŦাংāϞাāĻĻেāĻļেি āĻšāϟ āĻšিāϜাāĻŦি āĻŽাāϞেāϰ āĻ­িāĻĄিāĻ“