JavaScript クリップボードコピーについて

Question

JavaScriptでクリップボードにコピーができません。
ソースコードの「*」と書いてあるところが問題でして、
urlを動的にするため、変数urlに一旦入れています。
しかし、input.valueの値は「url」となってしまいます。

どのようにすれば変数の値をinput.valueに入れることができるでしょうか。

どなたかよろしくお願いします。

link_copy.addEventListener('click', function(){
	  event.preventDefault();
	  var input = document.createElement('input');
	  input.setAttribute('id', 'copyinput');
	  document.body.appendChild(input);
      url = "https://~~~"
	  *input.value = url;*
	  input.select();
	  var copy = document.execCommand('copy');
	  document.body.removeChild(input);
	  if(copy){
	    alert('コピーしました!');
	    console.log("OK");
	  }
	  else {
	  	console.log("NG");
	    alert('このブラウザでは対応していません');
	  }
});

Answer 1

eventの出処を調整すればとくに問題なさそうです

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector("#link_copy").addEventListener('click', function(event){
    event.preventDefault();
    var input = document.createElement('input');
    input.setAttribute('id', 'copyinput');
    document.querySelector('body').appendChild(input);
    url = "https://exsample";
    input.value = url;
    input.select();
    var copy = document.execCommand('copy');
    document.querySelector('body').removeChild(input);
    console.log(copy?"OK":"NG");
  });
});
</script>
<input type="button" value="go" id="link_copy">