كيفية نسخ النص إلى الحافظة Clipboard من code> and <pre> tags> باستخدام Jquery و JS؟

تطوير الويب Backend - Javascript

$(document).ready(function () {
    $('code, pre').append('<span class="command-copy" ><i class="fa fa-clipboard" aria-hidden="true"></i></span>');
    $('code span.command-copy').click(function (e) {
        var text = $(this).parent().text().trim(); //.text();
        var copyHex = document.createElement('input');
        copyHex.value = text
        document.body.appendChild(copyHex);
        copyHex.select();
        document.execCommand('copy');
        console.log(copyHex.value)
        document.body.removeChild(copyHex);
        $('#CopyMessage').fadeIn(1000);
        setTimeout(function () {
            $('#CopyMessage').fadeOut(1000);
        }, 3000);
    });
    $('pre span.command-copy').click(function (e) {
        var text = $(this).parent().text().trim();
        var copyHex = document.createElement('input');
        copyHex.value = text
        document.body.appendChild(copyHex);
        copyHex.select();
        document.execCommand('copy');
        console.log(copyHex.value)
        document.body.removeChild(copyHex);
        $('#CopyMessage').fadeIn(1000);
        setTimeout(function () {
            $('#CopyMessage').fadeOut(1000);
        }, 3000);
    });
})

document.execCommand('copy')    

$('#CopyMessage').fadeIn(1000);
        setTimeout(function () {
            $('#CopyMessage').fadeOut(1000);
        }, 3000);

  <div class="alert alert-success" id="CopyMessage" style="display:none;">
     تم نسخ الكود بنجاح
  </div>

code,
pre {
    position: relative;
}
    code,
    pre  {
        display: block;
        padding: 20px;
        background: #f2f2f2;
        color: #555755;
    }
span.command-copy {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    font-size: 20px;
    color: #555755;
}
    span.command-copy:hover {
        cursor: pointer;
        border-color: #696969;
        background-color: #e0e0e0;
    }
#CopyMessage {
    position: fixed;
    top: 150px;
    left: 50%;
    z-index: 9999;
    border-radius: 0px;
    transform: translateX(-50%);
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}