Butona Tıklayarak js deki String Metni Kopyalamak

Bazen bana da lazım oluyor. Her zaman kullanmadığım için unutuyorum.

Hem kopyalama hem de yapıştırma.

<div>
    <label for="">Kopyalanan Alan</label>
    <input type="text" id="copyInput">
    <button id="copy">Kopyala</button>
</div>
<div>
    <label for="">Yapıştırılacak Alan</label>
    <input type="text" id="pasteInput">
    <button id="paste">Yapıştır</button>
</div>
<script>
    // Kopyalama
    $("#copy").on("click", ()=>{
        navigator.clipboard.writeText($("#copyInput").val())
    })
    // Yapıştırma !!!İlk çalıştığı zaman kullanıcı izni gereklidir.
    $("#paste").on("click", ()=>{
        navigator.clipboard.readText().then(clipText => $("#pasteInput").val(clipText))
    })
</script>