「tags[i].id」を「tags[i].onclic」と記述したいのですが、動作しません…。

前提・実現したいこと

    var tags=document.getElementsByTagName("input");
    var count=0;
    for (var i=0;i<tags.length;i++){
    if(tags[i].className=="copyT") tags[i].id="copyToClipboard("+(++count)")".toString();
    }

上記コードの「tags[i].id」の部分を、「tags[i].onclic」と記述したのですが、HTMLに反映されません…。
どうしたらid="ではなくonclic="としてHTMLに書き出せますでしょうか？

また、もしお手数でなければどのように調べたら「tags[i].onclick」等の記述方式が出てくるかご教授頂けましたら幸いです。
onclick tags java scriptなどで調べたのですが、いまいち見つけることができず質問投稿させて頂きました。

初歩的なことでしたらごめんなさい！

該当のソースコード

        var tags=document.getElementsByTagName("input");
        var count=0;
        for (var i=0;i<tags.length;i++){
        if(tags[i].className=="copyT") tags[i].id="copyToClipboard("+(++count)")".toString();
        }

試したこと

「tags[i].id="」の部分を「tags[i].onclic="」に書き換えて試したのですが、HTMLに反映されませんでした。

補足情報（FW/ツールのバージョンなど）

JSとHTMLのファイルは別々に作成しています。
（HTMLで外部にあるJSを読み込ませる形で作っています）

yambejp

2021/09/02 06:31

idの時点で書き方が間違っています文法エラーになっていませんか？

pkpk0120

2021/09/02 07:25

確認したところ、エラーになっていました…。これがどういったエラーなのかも正直わかってないので分析してちゃんと理解したいと思います。ありがとうございます！

行動規範の内容に同意します

回答1件

ベストアンサー

属性に反映させたいならsetAttributeします

javascript
1<input>
2<input class="copyT">
3<input class="test">
4<input class="copyT test">
5<script>
6function copyToClipboard(num){
7  alert(num);
8}
9document.querySelectorAll('input.copyT').forEach((x,y)=>{
10  x.setAttribute('onclick',`copyToClipboard(${y+1})`);
11});
12</script>