「なてなブログ」で、記事のタイトルとURLをクリップボードにコピーする機能を作成

<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">

<!-- ↓タイトルとURLのコピー -->
<div style="float: right; height: 50%;">
  <button class="btn" data-clipboard-text="dont copy"><span style="font-size:80%"><i class="far fa-clipboard"> 記事のタイトルとURLをコピー</i></span></button>
</div>
<div style="clear: right; height: 0px;">
</div>

<script>
// var clipboard = new ClipboardJS('.btn');
var clipboard = new ClipboardJS('.btn', {
    text: function(trigger) {
	var title_url = document.title+" \n"+document.URL;
        return title_url;
    }
});
clipboard.on('success', function(e) {
    alert('コピーしました！');
});
clipboard.on('error', function(e) {
    alert('お使いの端末はこの機能に対応していません');
});
</script>
<!-- ↑タイトルとURLのコピー -->