JavaScript で任意のテキストをクリップボードにコピーする

function copyToClipboard(text){
  // テキストコピー用の一時要素を作成
  const pre = document.createElement('pre');

  // テキストを選択可能にしてテキストセット
  pre.style.webkitUserSelect = 'auto';
  pre.style.userSelect = 'auto';
  pre.textContent = text;

  // 要素を追加、選択してクリップボードにコピー
  document.body.appendChild(pre);
  document.getSelection().selectAllChildren(pre);
  const result = document.execCommand('copy');

  // 要素を削除
  document.body.removeChild(pre);

  return result;
}

<button id="copy">クリップボードにコピー</button>

<script>
window.addEventListener('DOMContentLoaded', () => {
  document.getElementById('copy').addEventListener('click', () => {
    copyToClipboard('こんにちは！\nテキストがコピーされたよ！');
  });
});
</script>