Javascriptについて教えてもらえないでしょうか。

予算
3,000
納品希望日
2022年8月31日
募集期限
募集終了 締切日 2022年8月26日 /
掲載日 2022年8月12日
応募状況
応募人数 7
契約人数 1
閲覧数 172
用途・種類
Webシステム開発・サイト構築
対応範囲
フロントエンド開発
用意してあるもの
デザイン、仕様書
開発言語
JavaScript

募集内容

依頼の概要・目的・背景
【概要】Javascript、Jqueryを利用したウェブページの操作についてご教授頂ければと思います。 【目的】指定したURLをボタン操作にてクリップボードへコピーしたいと思っています。 【依頼背景】 サンプルとして添付のようなHTMLファイルがあります。「URL」と記載されたボタンで、ソースコードで指定されたURLをクリップボードへコピーしたいと考えています。 【これまでやったこと】 https://ungifted.tech/blog/copy-to-clipboard/ を読んで、サンプルのHTMLファイルを作りました。 【動作環境】 Windows10 Pro Chrome Edge 【困っていること】 サンプルの状態では、1レコード目に指定されている以下のURLしかクリップボードへコピーできません。 /uploaded/ファミコン_15400_20220812_20220812175522.pdf 2レコード目、3レコード目も同様にクリップボードへコピーしたいです。 【お願いしたいこと】 2レコード目、3レコード目も同様にクリップボードへコピーできるようなスクリプトを含むコードを書いていただきたいです。 【ご留意いただきたいこと】 サンプルのHTMLは3レコードですが、実際にはそれより多く1000レコードだったりします。レコードが増えても、対応のしやすいコードを書いていただけるとありがたいです。 【提供できるもの】 添付ファイル: test.html 【提案の際のお願い】 やり取りが丁寧な方ですとありがたいです。また、予算が少なくて恐縮です。
添付ファイル
求めるスキル
HTML、Javascript、Jqueryなど
特記事項
初心者OK

応募者一覧

応募者
応募日時
sekuma
2022/08/12 19:56
Pallete
2022/08/12 20:55
サマーリンゴ
2022/08/12 21:12
mitsuboshi_sbwk
2022/08/12 21:38
2022/08/12 21:45

募集内容についての質問

質問と回答の履歴

優冶_
優冶_
3年以上前
test.html内のコード button id="copy-url"とありますが、基本idが重複すると意図した動作をしません ですので、idではなくclassにして下記のように書き換えます id ="copy-url"→ class="copy-url" その後、idからclassに変更したので、test.htmlの34行目コード
west14
west14
3年以上前
成果物作成しました https://6tasu.netlify.app
募集終了
ブックマーク
予算
3,000
募集終了

募集者情報

6tasu
5.0 (17)
8
発注件数
80%
発注率
100%
取引完了率
認証状況
本人確認
機密保持契約(NDA)

この募集内容に似ている仕事

予算
3万
5万
応募者数 93
募集期限 あと 5 日 (9月28日まで)
user
mitsujiro
投稿日時:1日前
予算
見積り希望
応募者数 54
募集期限 あと 11 日 (10月4日まで)
user
Mauna0227
投稿日時:2日前