[Dúvida] Undefined nome e email por causa da linha excluída

// Suponhamos que você tenha um botão "Excluir" com a classe CSS "btn-excluir" para cada linha da lista de clientes.
// E também suponhamos que cada linha da lista de clientes tenha um ID único que corresponda ao ID do cliente no banco de dados.

// Adicione um evento de clique para o botão "Excluir" usando JavaScript:

document.addEventListener('DOMContentLoaded', function () {
  const botoesExcluir = document.querySelectorAll('.btn-excluir');

  botoesExcluir.forEach(botao => {
    botao.addEventListener('click', function () {
      const linhaCliente = this.closest('.linha-cliente');
      const idCliente = linhaCliente.getAttribute('data-id'); // Suponhamos que você armazene o ID do cliente em um atributo data.

      // Agora, você pode enviar uma solicitação para excluir o cliente com o ID correspondente no servidor (ou no arquivo JSON db.json).

      // Por exemplo, usando fetch para uma API (substitua com a lógica real):
      fetch(`/api/excluir-cliente/${idCliente}`, {
        method: 'DELETE',
      })
        .then(response => response.json())
        .then(data => {
          // Atualize a interface do usuário para refletir a exclusão da linha.
          linhaCliente.remove();
        })
        .catch(error => {
          console.error('Erro ao excluir cliente:', error);
        });
    });
  });
});

Com essa refatoração, a exclusão da linha do cliente só ocorrerá quando o botão "Excluir" for clicado, e você não enfrentará mais o problema de "undefined" ao editar as informações.

Espero ter pelomenos dado uma luz de como proceder, qualquer coisas fala que resolvemos isso ae de forma melhor.