Banner üzerine kapatma butonu ekleme

mastareki adlı üyeden alıntı: mesajı görüntüle

Merhabalar altta belirttiğim banner üzerine kapatma butonu eklemek istiyorum.

Banner için kullandığım kod şu şekilde;

<div class="r-col"><a href="https://xxxx.com/konu/xxxx-reklam-hk.1924/" target="_blank">
<img src="https://xxx.com/ezgif-5-bffada8ea0.webp" width="1200" height="155" alt="img acıklama" border="0">
    </div>

Yardım edebilir misiniz.

<div class="r-col">
    <button id="bannerCloseBtn">Bannerı Kapat</button>
    <a href="https://xxxx.com/konu/xxxx-reklam-hk.1924/" target="_blank">
        <img src="https://xxx.com/ezgif-5-bffada8ea0.webp" width="1200" height="155" alt="img acıklama" border="0">
    </a>
</div>

<script>
    document.getElementById("bannerCloseBtn").addEventListener("click", function() {
        var banner = document.querySelector(".r-col");
        banner.style.display = "none";
    });
</script>

<div class="r-col">
    <a href="https://xxxx.com/konu/xxxx-reklam-hk.1924/" target="_blank">
        <img src="https://xxx.com/ezgif-5-bffada8ea0.webp" width="1200" height="155" alt="img acıklama" border="0">
    </a>
    <button onclick="kapatBanner()">Kapat</button>
</div>

<script>
    function kapatBanner() {
        var bannerDiv = document.querySelector('.r-col');
        bannerDiv.style.display = 'none';
    }
</script>