// Get references to all the copy buttons and elements with the class "my-element"
const copyButtons = document.querySelectorAll(".copyButton");
const elementsToCopy = document.querySelectorAll(".my-element");

// Add click event listeners to all the copy buttons
copyButtons.forEach((copyButton, index) => {
    copyButton.addEventListener("click", () => {
        // Get the corresponding element's text content
        const textToCopy = elementsToCopy[index].textContent;

        // Create a temporary textarea element to copy the text to the clipboard
        const textarea = document.createElement("textarea");
        textarea.value = textToCopy;

        // Append the textarea to the document
        document.body.appendChild(textarea);

        // Select the text within the textarea
        textarea.select();

        // Copy the selected text to the clipboard
        document.execCommand("copy");

        // Remove the temporary textarea
        document.body.removeChild(textarea);
      
        alert("Text has been copied to the clipboard: " + textToCopy);
      
    });
});