Conteudo não aparece

Fiz tudo certo até o final do vídeo, meu código está assim:

const criaNovaLinha = (nome, email) => {
    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" 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.innetHTML = 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);
    data.forEach(elemento => {
        tabela.appendChild(criaNovaLinha(elemento.nome, elemento.email))
    })
};

Mas não aparece nada na lista. No console não tem nenhuma mensagem de erro.