app.js

const shareButtons = document.querySelectorAll('.tile-share-button')
// console.log(shareButtons)

async function copyText(e) {
//prevent button going to the site
    e.preventDefault()
    const link = this.getAttribute('link')
    // console.log(link)

    try {
        await navigator.clipboard.writeText(link)
        alert("Copied the text: " + link)
    } catch (err) {
        console.error(err)
    }
}

shareButtons.forEach(shareButtons => shareButtons.addEventListener('click', copyText) )

const topShareButton = document.querySelector('.share-button')

async function copyTopText() {

        const link = this.getAttribute('link')
        // console.log(link)
    
        try {
            await navigator.clipboard.writeText(link)
            alert("Copied the text: " + link)
        } catch (err) {
            console.error(err)
        }
    }

topShareButton.addEventListener('click', copyTopText)