jquery loop add elements onclick

Question

I am really new with javascript

I am trying to loop my json then add the images to my html, then i need to make it so when i click on that image it shows me the File from my json

          var obj = JSON.parse(data);
          for (index = 0; index < obj.length; ++index) {
            
            var file = obj[index]['File'];
            var image = obj[index]['Image'];

            var test = $( ".row" ).append( 
              `<div class="column">
                <div class="card">
                  <img src="${image}" alt="Avatar" style="width:100%">
                  <div class="container">
                    <h4>
                      <b>Title</b>
                    </h4>
                  </div>
                </div>
              </div>`
              );

              test.click(function(e) {
                alert(file);
              });
  
              console.log(file);
              console.log(image);
            }