Ajuda por favor!

No console não consigo ver nada, já pesquisei aqui no fórum e vi diversos relatos de problemas semelhantes e alguns alunos conseguiram achar um caminho mas mesmo adicionando "id" como parâmetro, ainda assim, não consegui visualizar nada no console. Peço, por gentileza, que deem uma olhada e me ajudem a achar onde está o erro.

O código, no momento está assim:

const criaNovaLinha = (nome, email, id) => {
   const linhaNovoCliente = document.createElement('tr')
   const conteudo =
       `<td class="td" data-td> ${nome}</td>
       <td>${email}</td>
       <td>
           <ul class="tabela__botoes-controle">
               <li><a href="../telas/edita_cliente.html?id=${id}" class="botao-simples botao-simples--editar">Editar</a></li>
               <li><button class="botao-simples botao-simples--excluir" type="button">Excluir</button></li>
           </ul>
       </td>`

   linhaNovoCliente.innerHTML = conteudo
   return linhaNovoCliente
}

const tabela = document.querySelector('[data-tabela]')





const http = new XMLHttpRequest()

http.open('GET', 'http://localhost/3000/profile')

http.send()

http.onload = () => {
   const data = JSON.parse(http.response)
   console.log(data)
   data.forEach(elemento => {
       tabela.appendChild(criaNovaLinha(elemento.nome, elemento.email, elemento.id))
   })
}