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.2 回答者： gura_ 回答日時： 2023/11/10 22:33

asdfxz さん

　････ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたい･････

したい事は、こういう事ですか。↓

<p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1" onclick="window.open(document.getElementById('text1').value,'_blank')">サイト</button></p>

No.1 回答者： ssawatake 回答日時： 2023/11/07 12:17

form文を使わないと、入力データの引継ぎをjavascriptなどで行なう必要が有ります。

なので、簡潔にformを使います。


サイト名<br>
<form >
<input name="url" type="url" style="width:70%" value="">
<input type="button" value="サイト名" onclick="window.open(this.form.url.value,'freelink')">
</form>