¡Buen día! Me genera el siguiente error y no se cual es la causa, ¿Me pueden ayudar?
const crearNuevaLinea = (nombre, mail) => {
const linea = document.createElement ("tr");
const contenido = `
<td class="td" data-td>
${nombre}
</td>
<td>${mail}</td>
<td>
<ul class="table__button-control">
<li>
<a
href="../screens/editar_cliente.html"
class="simple-button simple-button--edit"
>Editar</a
>
</li>
<li>
<button
class="simple-button simple-button--delete"
type="button"
>
Eliminar
</button>
</li>
</ul>
</td>
`;
linea.innerHTML = contenido;
return linea;
};
const table = document.querySelector("[data-table]");
const http = new XMLHttpRequest();
http.open("GET", "http://localhost:3000/perfil");
http.send();
http.onload = () => {
const data = JSON.parse(http.response);
console.log(data);
data.forEach((perfil) => {
const nuevaLinea = crearNuevaLinea (perfil.nombre, perfil.email);
table.appendChild(nuevaLinea);
});
};