2
respostas

Duvida... Não consegui fazer o código funcionar o console não mostra o erro

insi
$("#botao-placar").click(mostraPlacar);
$("#botao-sync").click(sincronizaPlacar);

function inserePlacar(){

    var corpoTabela = $(".placar").find("tbody");
    var  usuario = "Ricardo";

    var numPalavras = $("#contador-palavras").text();
    var linha =  novaLinha(usuario,numPalavras);
    linha.find(".botao-remover").click(removeLinha);


    /* inserindo uma nova linha no fim da tabela*/

    corpoTabela.prepend(linha);
    $(".placar").slideDown(500);
    scrollPlacar();


    /* 
        Mas podemos inserir uma nova linha na tabela  no inicio da tabela
        utilizando o metodo .prepend(linha)
    */
}  

function scrollPlacar(){
     var posicaoPlacar = $(".placar").offset().top;
     $("body").animate({
         scrollTop: posicaoPlacar+"px"
     }, 1000);
}

function novaLinha(usuario,palavras){
    var linha = $("<tr>");
    var colunaUsuario = $("<td>").text(usuario);
    var colunaPalavras = $("<td>").text(palavras);
    var colunaRemover = $("<td>");

    var link = $("<a>").attr("href","#").addClass("botao-remover");
    var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
    link.append(icone);

    colunaRemover.append(link);
    linha.append(colunaUsuario);
    linha.append(colunaPalavras);
    linha.append(colunaRemover);
    return linha;

}

function removeLinha(){
        event.preventDefault();
        var linha = $(this).parent().parent();
        linha.fadeOut(1000);/* função esmanhecer */
        setTimeout(function(){
            linha.remove();
        },1000);    
}

function mostraPlacar(){
    $(".placar").stop.slideToggle(600);
}

function sincronizaPlacar(){
    var placar = [];
    var linhas = $("tbody>tr");

    // interagindo com a partir do comando each

    linhas.each(function(){
        var usuario = $(this).find ("td:nth-child(1)").text();
        var palavras = $(this).find ("td:nth-child(2)").text();

        var score = {
            usuario: usuario,
            pontos: palavras
        };

        //colocando os valores para dentro do  array placar o objeto score
        placar.push(score);
    });

        // criando um objeto  dados em javascipty para enviar para a URL
    var dados = {
        placar: placar
    };

    $.post("http://localhost:3000/placar", dados, function(){
        console.log("salvou o placar no servidor");
    })



}ra seu código aqui
2 respostas

Fala Wagner, fiz esse modulo da Alura em Dezembro e consegui fazer tudo direitinho. Quero te ajudar mas nao sou nenhum expert hahaha. O que exatamente nao esta funcionando no codigo? Se vc puder me dar o maximo de informacao vai ser mais facil eu te ajudar.

Me explica ai quais foram as ultimas linhas que voce inseriu no codigo e o que exatamente nao esta funcionando.

Abracos.

Adiciona ; no final da requisição de envio, sem isso ela não tá sendo lida ^^

Ao invés de 

 $.post("http://localhost:3000/placar", dados, function(){
        console.log("salvou o placar no servidor");
    })

Vira

 $.post("http://localhost:3000/placar", dados, function(){
        console.log("salvou o placar no servidor");
    });