htmlの修正方法を教えていただきたいです。

下記のhtmlを入れると、添付ファイルのようにブラウザで表示され
「Copy」を押すとテキストをコピーできます。

この「Copy」を「サイト」に変えて、ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたいのですが、
どのように直せばよろしいでしょうか？

<p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1">Copy</button></p>

No.1 回答者： Ogre7077 回答日時： 2023/11/07 11:29

推測するに、

data-clipboard-demo の属性を持つ要素に対して
イベント処理を設定するスクリプトが存在する筈なので、
同じように「サイトへ新しいタブでページを開く」ための
イベント処理を設定するスクリプトを書きましょう。

参考資料)

特定の属性を持つ要素を探す
https://developer.mozilla.org/ja/docs/Web/API/Do …
https://developer.mozilla.org/ja/docs/Web/CSS/At …

要素にイベント処理を設定する
https://developer.mozilla.org/ja/docs/Web/API/Ev …
https://developer.mozilla.org/ja/docs/Web/API/El …

要素の入力値を読み取る
https://developer.mozilla.org/ja/docs/Web/HTML/E …

新しいタブで開く
https://developer.mozilla.org/ja/docs/Web/API/Wi …
target 引数に "_blank" を指定する