document.createElement(''); に画像を入れたいです。

Question

**ｊｓで空のimgタグをつくってそこに画像を貼りたいです。
htmlで簡単にできますが、画像の数を増やしたいのとJSの勉強中なのでｊｓでそれを実現したいです。
よろしくお願いいたします。
**
コード　javaScript

  <style>
        body{
        display:flex;
        flex-wrap:wrap;
    }
.box{
    width:100px;
    height:100px;
    background: skyblue;
    cursor:pointer;
    transition:0.8s;
    margin: 0 8px 8px 0; 
    text-align:center;
    line-height:100px;
}
 .circle{
    background:pink;
    border-radius:50%;
    transform:rotate(360deg);
} 
    </style>
    <script>
    
    'use strict';

for(let i=0;i<100;i++){
    const img= document.createElement('img');
   img.classList.add('https://www.kobegakuin.ac.jp/img/index/4.jpg');
   img.textContent=i;
   img.addEventListener('click',function(){
     img.classList.toggle('circle');
   });
   document.body.appendChild(img);
}
  
    </script>
</body>
</html>

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
難しければコード部分を選択して<code>ボタンを押すと良いです。
結果はPCであれば右側にリアルタイムでプレビューが出ていますのでそちらを確認しながら調整してください。

[MasatofromMGSV]

すいません、ご意見ありがとうございます。

[m.ts10806]

意見ではなく質問の修正依頼です。
質問を編集して返してください（解決されたようですがせめてコード部分だけでもご対応ください。特にコードは
後から見ても見やすいほうがいいです。）

Answer 1

こういうことですか？

for(let i=0;i<5;i++){
const img= document.createElement('img');
//img.classList.add('https://www.kobegakuin.ac.jp/img/index/4.jpg');　削除
img.src='https://www.kobegakuin.ac.jp/img/index/4.jpg';
//img.textContent=i;　これが何をしたいのかよくわからない……
img.addEventListener('click',function(){
img.classList.toggle('circle');
});
document.body.appendChild(img);
}

Comments

[MasatofromMGSV]

ありがとうございます。やりたいことができました。
あと拙い文章ですいませんでした

Answer 2

すでに解決されているようですが、ヒントとして回答しておきます。
ブラウザの開発ツールでできあがったimg要素を見てみてください。

imgタグを構成する要素がどうなっているか？
表示させたい画像を指定するのはsrc属性ですが、そちらがちゃんとあるか？想定通りの値が指定されているか確認してみましょう。

そうすると何かがおかしいと気づけるはずです。