Javascriptを勉強しているのですが、下記の要素に上手くaddEventListnerを適応したいです。
分からない事
同じクラス名の要素に別々の変更を加えるには
作成したい機能
inputにurlの入力があったらurlを元にサムネイルを取得してimgタグ内にサムネイルのurlを挿入します。
要素について
.dlcardWrap
があってその子要素として.dlcard
があります。ページ内にaddボタンがあり、クリックを押すと.dlcard
の要素が丸々追加されます。
最初のデフォルトである2つの.dlcard > .dlcard__url > input
さらにaddボタンで追加される要素それぞれ別々のサムネイルを取得して挿入するにはどのようにコードを書いたら良いでしょうか?nth-of-type等が使用出来そうですが、どのように使用したら分からないです。
詳しい方、教えて頂けないでしょうか?
<div class="dlcardWrap">
<div class="dlcard">
<div class="dlcard__title">テスト</div>
<div class="dlcard__thumbnail"><img src="#" alt=""></div>
<div class="dlcard__url"><input type="url" name="url01" size="18" placeholder="URL:https://"></div>
</div>
<div class="dlcard">
<div class="dlcard__title">テスト</div>
<div class="dlcard__thumbnail"><img src="#" alt=""></div>
<div class="dlcard__url"><input type="url" name="url01" size="18" placeholder="URL:https://"></div>
</div>
</div>
追記
elm
と言う引数が宣言していないのに何処から来て何を参照しているのか気になります。