Duvida Crud Com JavaScript

Fala Dayson, tudo bem ?

A ideia é que você vai precisar ter em cada linha da tabela, algum botão ou link pra alteração e remoção. No caso da remoção a dica é tente fazer com que cada linha da tabela, guarde algum id (se é que já não tem), identificando cada registro. Ai é só você escrever chamada no onclick do botao pra buscar a tr com o id especifico e remover esse nó.

No caso da alteração é um pouco mais trabalhoso. Você também vai precisar seguir essa linha de identificar cada registro e ter uma função pra disparar quando o botao for clicado. Mas neste caso você deverá, por exemplo, recuperar as informações dessa linha e exibir as mesmas no form - usando a propriedade value dos inputs, por exemplo - e depois da alteração o submit deveria chamar outra função que identifique a tr desse registro, e a substitua por uma nova, com os novos dados.

Espero ter ajudado, no fluxo. Qualquer duvida vá postando por aqui.

Abraço!

Já consegui, estou com uma duvida somente no atualizar, aonde quando clico em atualizar ele monta todo objeto no meu formulário, e na hora de substituir ele está duplicando.

document.getElementById('formulario').addEventListener('submit',cadastrarContato);



function verificaJSON(contato){
    if(localStorage.getItem('contato') == null){
        var contatos = [];
        contatos.push(contato);
        localStorage.setItem('contato', JSON.stringify(contatos));
    }
    else{
        var contatos =  JSON.parse(localStorage.getItem('contato'));
        contatos.push(contato);
        localStorage.setItem('contato', JSON.stringify(contatos));
    }
}

function cadastrarContato(e){


    var nome = document.querySelector('#campo-nome').value;
    var dataNascimento =document.querySelector('#campo-dataNascimento').value;
    var email =document.querySelector('#campo-email').value;
    var endereco =document.querySelector('#campo-endereco').value;
    var celular =document.querySelector('#campo-celular').value;

    if(!nome || !dataNascimento){
        alert('Campo nome ou campo Data está vazio.');
        return false;
    }
    var contato = {
        "nome" : nome,
        "data" : dataNascimento,
        "email" : email,
        "endereco" : endereco,
        "celular" : celular
    }    

    verificaJSON(contato);

    document.getElementById('formulario').reset();

    mostraContatos();

    e.preventDefault();
}



function mostraContatos(){

    var contatos = JSON.parse(localStorage.getItem('contato'));    

    var contatoResultado = document.querySelector("#resultados");

    contatoResultado.innerHTML='';

    for(var i = 0; i < contatos.length; i++){

        contatoResultado.innerHTML +='<tr>'+
        '<td>'+ contatos[i].nome + '</td>'+
        '<td>'+ contatos[i].data + '</td>'+
        '<td>'+ contatos[i].email + '</td>'+
        '<td>'+ contatos[i].endereco + '</td>'+
        '<td>'+ contatos[i].celular + '</td>'+
        '<td> <button class="btn-excluir" onclick="excluirContato(\''+contatos[i].nome+'\')"> Excluir </button> </td>'+
        '<td> <button class="btn-editar" onclick="atualizarContato(\''+contatos[i].nome+'\')"> Editar </button> </td>'+
        '</tr>'
    }
}

function excluirContato(nome){

    var contatos = JSON.parse(localStorage.getItem('contato'));

    for(var i = 0; i < contatos.length; i++){
        if(contatos[i].nome == nome){
            if(confirm(nome + ' será excluído ?')){
                contatos.splice(i, 1);
            }
        }
        localStorage.setItem('contato',JSON.stringify(contatos));
    }
    mostraContatos();
}

function atualizarContato(nome){

    if(confirm('Deseja editar o contado? ')){

        var contatos = JSON.parse(localStorage.getItem('contato'));

        var contatoEncontrado;

        for(var i =0; i <contatos.length; i++){
            if(contatos[i].nome == nome){
                contatoEncontrado = contatos[i];

                document.querySelector('#campo-nome').value = contatoEncontrado.nome;
                document.querySelector('#campo-dataNascimento').value = contatoEncontrado.data;
                document.querySelector('#campo-email').value = contatoEncontrado.email ;
                document.querySelector('#campo-endereco').value = contatoEncontrado.endereco;
                document.querySelector('#campo-celular').value = contatoEncontrado.celular;
            }
        }    
        mostraContatos();
    }
}