Button Copy Text with JS

button-copy-text-with-js.markdown

Button Copy Text with JS

A Pen by Ezeh Kingsley Uchenna on CodePen.

License.

index.html

<button class="copy-btn" data-text="Hello World">Copy</button>

script.js

const copy = (text) => {
    let elem = document.createElement('input');
    document.body.appendChild(elem);
    elem.value = text; elem.select();
    document.execCommand("copy");
    alert("Copied!");
    elem.remove();
}
// onload of html
window.onload = () => {
    const copyBtn = document.getElementsByClassName('copy-btn');
    for (let i = 0 ; i < copyBtn.length; i++) {
        copyBtn[i].addEventListener('click' , () => {
            const attributeText = copyBtn[i].getAttribute('data-text');
            copy(attributeText);
        } , false) ;
    }
}