クリックで任意の文字をコピーさせる(コピペOK)

HTML・CSS・Javascriptを使って、テキストボックス内の任意の文字をコピーさせる。
とっても簡単だったので、こちらを参考にしました。↓

参考にしたサイト

font awesomeを使っていたので、文字だけにしたのと
カクカクっとした見た目にしたかったので少し変更。

See the Pen クリックでコピー by s w (@s-w-the-scripter) on CodePen.

cawaii!!!!

2025年5月追記。
本当に本当に、最近はAIの進化がとめどないですね。
簡単なJavaScriptなんて、もうAIに聞けば一発でぽーんですよぽーん。覚える必要あるのか?っと思うくらいに。
ということで、クリックでコピーできるやつを、Geminiに頼んでみました。

See the Pen Gemini版クリックでコピー by s w (@s-w-the-scripter) on CodePen.

これ。
プロンプトはなんと、
「フォームに書いてある文字をクリックしたらコピーするソースがほしい。」
これだけ。
丁寧に、こんな感じで↓コードの解説もしてくれてだよ。


しかもボタンだけじゃなく、フォーム自体をクリックしてもコピーされる仕様。
もう少しこうしてほしい、っていう要望も、文句も言わずに答えて修正してくれますよ。笑

おためしあれ〜😄