Quiero agregar un evento de onclick dinámico en cada carga de archivo para poder eliminar archivos en un índice particular.

La carga de archivos múltiples funciona perfectamente bien, pero ahora quiero eliminar un archivo en particular en un índice específico.

 window.onload = () => { uploadedfiles = function () { var input = document.getElementById('files'); var children = ""; for (var i = 0; i < input.files.length; ++i) { var click = removeFile(i); children += '<li data-index="' + (i) + '"> <a onclick="' + click +'" href="javascript:void(0)">' + input.files.item(i).name + '</a><i class="fas fa-times-circle delete" id="' + input.files.item(i).name + '"></i></li>'; } $("#fileslist").html(children); } removeFile = function (i) { console.log(i); } }

Actualmente no se puede agregar la función removeFile() dinámicamente. Se vuelve indefinido en el ciclo.

¿Alguien puede decirme qué está pasando aquí?