【JavaScript】 Webページへのリンクをさりげなくねだってみる

html

<div style="display:flex;font-size:0.8em;">
    <div style="flex-shrink:0">
        <p style="font-weight:bold;">【お願い】</p>
        <img src="https://affi-sapo-sv.com/img/onegai230.png" alt="お願い" width="230" height="214" border="0" />
    </div>
    <div style="flex-grow: 3;">
        <p style="font-weight:bold;">■このページのURL</p>
        <textarea id="pleaseLinkUrl" readonly="true" style="width:95%" rows="1"></textarea><br>
        <button id="pleaseLinkUrlBtn" style="width:95%" >URLをコピー</button>
        <p style="font-weight:bold;">■このページのタイトル</p>
        <textarea id="pleaseLinkTitle" readonly="true" style="width:95%" rows="1"></textarea><br>
        <button id="pleaseLinkTitleBtn" style="width:95%" >タイトルをコピー</button>
        <p style="font-weight:bold;">■リンクタグ</p>
        <textarea id="pleaseLinkTag" readonly="true" style="width:95%" rows="1"></textarea><br>
        <button id="pleaseLinkTagBtn" style="width:95%" >リンクタグをコピー</button>
    </div>
</div>

JavaScript

window.addEventListener( "DOMContentLoaded" , ()=> {

    const linkTag = '<a href="' + location.href + '">' + document.title + '</a>';
    const id=[
        {textarea:"pleaseLinkUrl",btn:"pleaseLinkUrlBtn",text:location.href},
        {textarea:"pleaseLinkTitle",btn:"pleaseLinkTitleBtn",text:document.title},
        {textarea:"pleaseLinkTag",btn:"pleaseLinkTagBtn",text:linkTag},
    ];

    const clipCopy = textarea => {
        try{
            textarea.select();
            document.execCommand("copy");
            alert("クリップボードにコピーしました");
        }catch(e){
            alert("コピーできませんでした");
        }
    };

    const eventSet = obj =>{
        const textarea = document.getElementById(obj.textarea);
        textarea.value = obj.text;

        document.getElementById(obj.btn).addEventListener("click",()=>clipCopy(textarea) );
    }

    id.forEach( e => eventSet( e ) );

});