初心者質問で申し訳ないです。以下、ボタンをクリックした際に、alertを出さずに、ボタン部分を「完了」と表示するようにするにはどのようにすればいいでしょうか？(alert部分を削除するのは分かりますが…) コピー function copyToClipboard(index) { var copyTarget = document.getElementById("copyTarget" + index); copyTarget.select(); document.execCommand("Copy"); alert("コピーしました"); }

うーん・・・

【javascript】ボタンクリック後にボタン部分の文字列を変更したい

解決済

質問者：nukokok
質問日時：2022/02/18 22:34
回答数：1件

初心者質問で申し訳ないです。以下、ボタンをクリックした際に、alertを出さずに、ボタン部分を「完了」と表示するようにするにはどのようにすればいいでしょうか？(alert部分を削除するのは分かりますが…)

<input id="copyTarget1" type="text" value="コピー内容" readonly="readonly" />
<button onclick="copyToClipboard(1)">コピー</button>

<script>
function copyToClipboard(index) {
var copyTarget = document.getElementById("copyTarget" + index);
copyTarget.select();
document.execCommand("Copy");
alert("コピーしました");
}
</script>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： Ogre7077
回答日時：2022/02/18 23:23

修正前: onclick="copyToClipboard(1)"

修正後: onclick="copyToClipboard(1,this)"

修正前: function copyToClipboard(index) {
修正後: function copyToClipboard(index, btn) {

修正前: alert("コピーしました");
修正後: btn.textContent = "完了";