通过纯JavaScript复制数据剪贴板文本（将有效的jQuery代码转换为纯JavaScript）

Question

我对代码知之甚少，但我仍然制作了一些可以工作的jquery代码。请check here(jsfiddle)如果正确且正确，我想使用纯javascript达到相同的结果。非常感谢您的帮助。

HTML：

<span class="copy-btn" data-type="attribute" data-attr-name="data-clipboard-text" data-model="couponCode" data-clipboard-text="Text to be copied">Anything</span>
<br>
<span class="copy-btn" id="btn-text" data-type="attribute" data-attr-name="data-clipboard-text" data-model="couponCode" data-clipboard-text="Another text to be copied">Other thing</span>

jQuery：

$(document).ready(function(){

$('#btn-text').on("click", function(){
$(this).text("My NEW Text");
})

    $('.copy-btn').on("click", function(){
        value = $(this).data('clipboard-text'); //Upto this I am getting value


        var $temp = $("<input>");
          $("body").append($temp);
          $temp.val(value).select();
          document.execCommand("copy");
          $temp.remove();

          alert("Coupon Copied ✔");
    })

})