Estoy llenando una tabla dinamica con un arreglo, pero no logro agregar el boton de eliminar en otra culumna de la tabla
mi arreglo
const response = [
"elemento1",
"elemento2"];
Así lleno la tabla
load("files", function (response) {
var botones = document.getElementsByClassName('eliminaFile');
multipleFileUploadError.style.display = "none";
var content = "<p>Archivos Cargados: </p>";
response.forEach((file, index) => rollCall(file, index));
response.sort();
let table = document.getElementById("tabla");
//aquí recorro mi arreglo
for (var i = 0; i < response.length; i++) {
//aquí lleno la primer columna
table.innerHTML += "<tr><td><a href='" + response[i] + "' target='_blank'>" response[i]+ "</a></td></tr>";
//aqui intento crear la otra columna con el botón eliminar
// content += "<p>Descargar Archivo : <a href='" + response[i] + "' target='_blank'>" + response[i] + "</a></p>" + "<input class='eliminaFile' type='button' id='" + response[i] + "' value='Eliminar'>";
}
multipleFileUploadSuccess.innerHTML = content;
multipleFileUploadSuccess.style.display = "block";
});
este es el html de la tabla
<table class="demo">
<thead>
<tr>
<th>Archivo</th>
<th>Acciones</th>
</tr>
</thead>
<tbody id="cuerpoTabla">
</tbody>
</table>
Quiero agregar el boton de eliminar y que se elimine el elemento que se selecciono pero no lo logro